首页 > 网络编程 > JavaScript > javascript类库 > vue.js > element-ui不能修改el-input框,或是不能修改某些值

vue中element-ui不能修改el-input框,或是不能修改某些值问题

2023-10-17 10:30:12 作者：哆来A梦没有口袋

这篇文章主要介绍了vue中element-ui不能修改el-input框,或是不能修改某些值问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

element-ui不能修改el-input框,或是不能修改某些值

删除scoped,简单快捷

但是大家都知道scoped是为了让代码有自己的作用范围，有时候是是不好的

重写覆盖

注意的是，要写自己的类名，否则也会造成全部的覆盖

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

数据未作双向绑定

//Vue2数据嵌套太深未作双向绑定。
 
 this.$set(this.searchSelectlist.room, "message", "加载中...");

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();
    },

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。