el-input 解决无法输入问题 2021-03-25

原因是初始化的时候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";
  },
};