element el-input输入框绑定值无法修改原因

G790

已于 2022-10-13 14:50:39 修改

阅读量2.6k

点赞数

文章标签： vue.js elementui javascript

于 2022-09-16 09:40:22 首次发布

本文链接：https://blog.csdn.net/weixin_55798503/article/details/126884164

版权

1.数据未作双向绑定

//Vue2数据嵌套太深未作双向绑定。

 this.$set(this.searchSelectlist.room, "message", "加载中...");

2.el-input嵌套太多，无法操作dom,需要强制刷新

//el-input

<el-input  v-model="form.unitPrice" onkeyup="this.value=this.value.match(/\d+\.?\d{0,20}/)"
  onafterpaste="this.value=this.value.match(/\d+\.?\d{0,20}/)" @change="unitPriceChange" @input="changeMessage">
          <template slot="append">
            <el-select disabled  v-model="form.company" @change="companyChange" >
              <el-option
                v-for="item in Arr"
                :key="item.value"
                :label="item.label"
                :value="item.value">
              </el-option>
            </el-select>
          </template>
        </el-input>


//加强制刷新事件


  changeMessage() {
      this.$forceUpdate();
    },