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-cli如何添加less 以及sass，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
ref作为在vue里面我们获取元素最常用的一个api,在vue3迎来改造,下面这篇文章主要给大家介绍了关于vue3获取元素并且修改元素样式的相关资料,需要的朋友可以参考下2023-04-04
今天小编就为大家分享一篇Vuex中实现数据状态查询与更改，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
这篇文章主要介绍了vue中的生命周期及钩子函数,Vue 实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载 Dom、渲染,下面文章详细介绍,需要的朋友可以参考一下2021-12-12
这篇文章主要介绍了Vue数据更新但页面没有更新的多种情况问题及解决，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-07-07
这篇文章主要为大家详细介绍了如何基于Vue3编写一个简单的播放器，文中的示例代码讲解详细，对我们学习Vue3有一定的帮助，需要的可以参考一下2023-03-03
这篇文章主要介绍了Vue表单之v-model绑定下拉列表功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-05-05
这篇文章主要介绍了Vue动态路由缓存不相互影响的解决办法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-02-02
在Vue中dialog对话框是一种常见的组件,用于在用户与应用程序进行交互时显示信息或收集输入,这篇文章主要给大家介绍了关于VUE学习宝典之vue-dialog使用方法的相关资料,需要的朋友可以参考下2024-05-05
这篇文章主要介绍了如何让别人访问本地运行的vue项目，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
最新评论