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

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

<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>
changeVal() {
      this.$forceUpdate();
    },

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

解决办法:

<el-input v-model.number="form.frm_order_no" placeholder="订单号" @input="orderNoChange"></el-input>
 
orderNoChange() {
   this.$forceUpdate();
 },

版权声明:除特别注明外,本站所有文章均为田珊珊个人博客原创

转载请注明:出处来自田珊珊个人博客 » element ui的el-input-number修改数值失效的问题

点赞

发表评论

邮箱地址不会被公开。 必填项已用*标注

  1. 星座占卜说道:

    文章写的很好啊,赞(ㆆᴗㆆ),每日打卡~~