首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >element ui的el-input-number修改数值失效的问题

element ui的el-input-number修改数值失效的问题

作者头像
用户2323866
修改2021-06-23 18:05:49
修改2021-06-23 18:05:49
6.1K0
举报
文章被收录于专栏:技术派技术派

一次在项目中,发现el-input-number无法输入,查阅了相关文档,发现可能是组件层级过深导致视图无法刷新。解决办法是在el-input-number上绑定@change=”changeVal($event)”

代码语言:javascript
复制
<el-table-column slot="operationPrice" label="数量"  width="150"><template slot-scope="scope">
 <el-input-number v-model="scope.row.num"  :precision="0" :min="1" label="描述文字" @change="changeVal($event)">
</el-input-number>
</template>
</el-table-column>
代码语言:javascript
复制
changeVal() {
      this.$forceUpdate();
    },

同理:input框有时候会无法输入进去

解决办法:

代码语言:javascript
复制
<el-input v-model.number="form.frm_order_no" placeholder="订单号" @input="orderNoChange"></el-input>
 
orderNoChange() {
   this.$forceUpdate();
 },

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档