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生命周期钩子函数有哪些，分别什么时候触发？具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
Vue框架很核心的功能就是双向的数据绑定。下面这篇文章主要给大家介绍了关于Vue.js中数据绑定的语法教程，文中通过示例代码介绍的非常详细，相信对大家具有一的参考学习价值，需要的朋友们下面来一起看看吧。2017-06-06
在Vue3项目中集成Video.js库,可以创建强大的视频播放功能,这篇文章主要介绍了如何在Vue3中使用视频库Video.js实现视频播放功能,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-09-09
这篇文章主要为大家介绍了vue实现列表展示的示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
这篇文章主要介绍了vue中formdata传值给后台时参数为空的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-06-06
这篇文章主要介绍了vue2 web多标签输入框elinput是否当前焦点的相关资料,讲解了如何在产品中实现用户输入文字后按下回车键生成标签并显示在页面上的功能,通过组件的使用和改造,解决了输入不连续的问题,需要的朋友可以参考下2025-01-01
这篇文章主要介绍了vue实现添加与删除图书功能，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2018-10-10
在 Vue 框架中,哪些地方容易被攻击呢？写代码的时候要注意什么呢？这篇文章中小编为大家总结了一些常见的容易受到攻击的地方,希望对大家有所帮助2024-02-02
打开尤大大的GitHub，发现多了个叫 petite-vue 的东西,Vue3 和 Vite 还没学完呢，又开始整新东西了？本文就来介绍一下2021-07-07
这篇文章主要介绍了Vue+element 商品列表、新增、编辑、删除业务实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-08-08
最新评论