当前位置:   article > 正文

vue项目,el-input和下拉框等会出现输入不了内容的问题_antd + vue下拉框选择之后输入框中不显示

antd + vue下拉框选择之后输入框中不显示
  1. <el-dialog title="编辑" :visible.sync="editdialogFormVisible">
  2. <el-form
  3. ref="dataForm"
  4. :rules="rules"
  5. :model="temp"
  6. label-position="left"
  7. label-width="70px"
  8. style="width: 400px; margin-left: 50px"
  9. >
  10. <el-form-item label="编号">
  11. <el-input v-model="addform.input1" @input="change($event)" />
  12. </el-form-item>
  13. <el-form-item label="环节名称">
  14. <el-input v-model="addform.input2" @input="change($event)" />
  15. </el-form-item>
  16. <el-form-item label="操作">
  17. <el-select v-model="value4" placeholder="请选择" @change="getValue()">
  18. <el-option
  19. v-for="item in options"
  20. :key="item.value"
  21. :label="item.label"
  22. :value="item.value"
  23. >
  24. </el-option>
  25. </el-select>
  26. </el-form-item>

有可能是v-model绑定错了,绑定了数组或者对象啥的,让他绑定个空就行,如:vlaue:“”

就可以了

  1. <el-input v-model="addform.input1" @input="change($event)" />
  2. methods: {
  3. change() {
  4. this.$forceUpdate();
  5. },
  6. }

或者给input写上@input="change($event)",这样也可以

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/凡人多烦事01/article/detail/114638
推荐阅读
相关标签
  

闽ICP备14008679号