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.js 是一个流行的 JavaScript 框架,用于构建用户界面,它提供了一种简洁的方式来管理和渲染数据,同时也支持与其他库和工具的集成,本文主要来和大家聊聊如何在vue中使用canvas,有需要的可以参考下2023-09-09
这篇文章主要为大家介绍了vue3鼠标拖拽滑动效果实现demo,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-12-12
这篇文章主要为大家详细介绍了vue3中ref动态绑定的相关技巧,文中的示例代码讲解详细,具有一定的借鉴价值,感兴趣的小伙伴可以了解一下2024-01-01
这篇文章主要介绍了vue中怎样让函数只执行一次问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-03-03
解决vue组件中使用v-for出现告警问题及v for指令介绍
这篇文章主要介绍了解决vue组件中使用v-for出现告警问题,在文中给大家介绍了v for指令，需要的朋友可以参考下2017-11-11
这篇文章主要介绍了Vue render深入开发讲解2018-04-04
在平时的开发工作中，我们经常使用侦听器帮助我们去观察某个数据的变化然后去执行一段逻辑。在 Vue.js 2.x 中，你可以通过 watch 选项去初始化一个侦听器，称作 watcher。本文将详细为大家介绍一下侦听器的实现原理，需要的可以参考一下2022-04-04
这篇文章主要介绍了vue router+vuex实现首页登录判断逻辑，用于判断是否登录首页，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-05-05
小编最近接了这样一个需求，需要在element表格操作一栏添加提示功能，下面小编给大家带来了基于vue实现element表格里表头信息提示功能，需要的朋友参考下吧2019-11-11
这篇文章主要为大家介绍了element-ui表单提交自动清空隐藏表单值实现示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
最新评论