鍍金池/ 問答/HTML/ VUE:v-model 使用對象如何更新對象數(shù)據(jù)實(shí)現(xiàn)雙向綁定啊?

VUE:v-model 使用對象如何更新對象數(shù)據(jù)實(shí)現(xiàn)雙向綁定啊?

v-model 使用對象如何更新對象數(shù)據(jù)實(shí)現(xiàn)雙向綁定啊?
<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的數(shù)據(jù),應(yīng)該怎么寫呢?

回答
編輯回答
祈歡

你先看看你有沒有在data:{}里面先聲明exp.exp_rec_name這個(gè)對象,如果沒有的話是不會(huì)雙向綁定的

2017年11月6日 21:37
編輯回答
瘋子范

大佬們有沒有試過文件對象進(jìn)行雙向綁定

2017年12月20日 01:38
編輯回答
葬憶

是你用法不對,參照我下面寫的里試試看

<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>
2017年3月21日 14:06