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

更新时间：2023年10月17日 10:32:34 作者：哆来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();
    },

总结

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

您可能感兴趣的文章:

Vue组件开发初探
本篇文章主要介绍了Vue组件开发初探，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-02-02
Vue加载json文件的方法简单示例
这篇文章主要介绍了Vue加载json文件的方法,结合实例形式分析了vue.js针对json文件的加载及数据读取等相关操作技巧,需要的朋友可以参考下
2019-01-01
vue中的rem如何配置
这篇文章主要介绍了vue中的rem如何配置，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-08-08
Vue3.0 响应式系统源码逐行分析讲解
这篇文章主要介绍了Vue3.0 响应式系统源码逐行分析讲解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-10-10
关于vant的日历组件,在iPhonex上可选日期空白
这篇文章主要介绍了关于vant的日历组件,在iPhonex上可选日期空白，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-04-04
vue $mount 和 el的区别说明
这篇文章主要介绍了vue $mount 和 el的区别说明，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-09-09
vue+koa2实现session、token登陆状态验证的示例
这篇文章主要介绍了vue+koa2实现session、token登陆状态验证的示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-08-08
一文详解如何用Three.js和Vue 3实现3D商品展示
Three.js是一个基于JavaScript的开源库,用于在网页上创建和显示3D图形,这篇文章主要介绍了如何用Three.js和Vue 3实现3D商品展示的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
2025-07-07
如何在Vue中抽离接口配置文件
这篇文章主要介绍了Vue中抽离接口配置文件的问题，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
2019-10-10
vue中返回结果是promise的处理方式
这篇文章主要介绍了vue中返回结果是promise的处理方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-04-04