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

一次在项目中，发现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();
 },

el event input

0 人点赞