码迷,mamicode.com
首页 > 移动开发 > 详细

uni-app的input的v-model双向数据绑定的区别

时间:2019-11-10 15:36:55      阅读:981      评论:0      收藏:0      [点我收藏+]

标签:data   text   this   内容   class   inpu   default   pre   style   

在vue中咱们  <input  v-model="data"  >  标签可以使用 v-model 来进行控制数据变化,但是小程序当中v-model会出现不能清空的状况  所以解决方案在下方??

 

<template>
    <view>
        <input type="text" :value="value" @input="inputChange" />
    </view>
</template>

<script>
    export default {
        data() {
            return {
                value:‘内容‘
            }
        },
        methods: {
            inputChange(e){
                this.value = e.detail.value
            }
        }
    }
</script>

 

uni-app的input的v-model双向数据绑定的区别

标签:data   text   this   内容   class   inpu   default   pre   style   

原文地址:https://www.cnblogs.com/wxqworld/p/11829725.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!