<body> <div id="app">
<p>總數:{{total}}</p>
<my-component v-model="total">
</my-component>
<button @click="handleGetTotal"></button>
</div></body>
<script src="https://unpkg.com/vue/dist/vue.min.js"></script><script>
Vue.component('my-component',{
prors:['value'],
template:'<input :value="value" @input="handleIncrease"/>',
methods:{
handleIncrease:function(event){
this.$emit('input',event.target.value);
},
}
}); var app=new Vue({
el:'#app',
data:{
total:0
},
methods:{
handleGetTotal:function(){ this.total--;
}
}
})</script>中間template:'<input :value="value" @input="handleIncrease"/>',這句話什么意思,這個value怎么來的,瀏覽器報錯也說value未定義
vue中傳值問題
斯蒂芬大帝
2018-08-26 11:29:03