自学内容网 自学内容网

使用el-input,已经v-model,双向绑定但是无法输入问题解决


使用el-input,已经v-model,但是无法输入问题解决

上线后才发现,this.是vue2用的,本地是生效的,发到线上就有问题了;

另发现我这边无法输入的原因是我数据没有写成reactive.... 解放办法: this.$forceUpdate()  强制更新!

原代码:

 <el-form-item label="金币兑换(币)">
        <el-input v-model="goodsTemp.gold_price"  placeholder="金币"/>
</el-form-item>

修改为

<el-input v-model="goodsTemp.gold_price" @input="myChange($event)" placeholder="金币"/>

  methods: {

      //解决input双向绑定不能输入的问题

      change(e){

        this.$forceUpdate()

      },

...

}


原文地址:https://blog.csdn.net/happyzhlb/article/details/144697266

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!