VUE:v-model 使用对象如何更新对象数据实现双向绑定啊？

Question

v-model 使用对象如何更新对象数据实现双向绑定啊？
<x-input title="收件人" v-model="exp.exp_rec_name"></x-input>
更新
this.exp.exp_rec_name="aaa"
this.$set(this.exp,'exp_rec_name',"aaa")

这两种都没有更新界面上input的数据，应该怎么写呢？

Answer 1

你先看看你有没有在data:{}里面先声明exp.exp_rec_name这个对象，如果没有的话是不会双向绑定的

Answer 2

是你用法不对，参照我下面写的里试试看

<div id="app">
    <input v-model="exp.exp_rec_name">
    <input type="button" value="click" @click="cli">
</div>
</body>
<script>



    window.vm=new Vue({
        el:"#app",
        data:{
            exp:{
                exp_rec_name:'jsdt'
            }
        },
        methods:{
            cli:function () {
               this.exp.exp_rec_name='xxxx'
            }
        }
    });

</script>

Answer 3

大佬们有没有试过文件对象进行双向绑定