原因是初始化的时候ruleForm:{}未设定属性值,而过后却有赋值操作.
<template>
<el-form :model="ruleForm">
<el-form-item label="内容标题" prop="title">
<el-input
v-model="ruleForm.title"
placeholder="例如：应访量"
></el-input>
</el-form-item>
</el-form>
</template>
<script>
export default {
data() {
return {
ruleForm: {},
};
},
mounted() {
this.ruleForm.title = "123";
},
};
</script>
这样可能造成title值显示不出来，或者显示出来了无法改变；
解决办法就是初始化title
export default {
data() {
return {
ruleForm: {
title: ""
},
};
},
mounted() {
this.ruleForm.title = "123";
},
};
