Vue.js從另一個指令更新v模型值

Question

從另一個指令中操縱v模型值的最佳方法是什麼？

只有這樣，我才能得到它的工作，如果分配相同的變量作爲指令參數，並作出下面的例子演示的雙向指令演示。

在這個例子中，我可能完全忽略了v-模型，但我仍然想知道是否有一種優雅的方式來訪問/修改它的值？

Vue.directive('addressLookup', { 
 
    twoWay: true, 
 
    bind: function() { 
 
    var _self = this; 
 

 
    this.el.addEventListener('keyup', function() { 
 
     _self.set(_self.el.value * 2); 
 
    }); 
 

 
    } 
 
}); 
 

 
new Vue({ 
 
    el: '#vue', 
 
    data: { 
 
    model: '' 
 
    } 
 
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.24/vue.js"></script> 
 

 
<div id="vue"> 
 
    <input type="number" v-model="model" v-address-lookup="model"> 
 

 
    <p>value: {{ model }}</p> 
 
</div>

Answer 1

這是你想要達到什麼樣的？

Vue.directive('addressLookup', { 
 
    twoWay: true, 
 
    bind: function() { 
 
    var _self = this; 
 

 
    this.el.addEventListener('keyup', function() { 
 
     _self.set(_self.vm.model = _self.el.value * 2); 
 
    }); 
 

 
    } 
 
}); 
 

 
new Vue({ 
 
    el: '#vue', 
 
    data: { 
 
    model: '' 
 
    } 
 
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.24/vue.js"></script> 
 

 
<div id="vue"> 
 
    <input type="number" v-address-lookup> 
 

 
    <p>value: {{ model }}</p> 
 
</div>