<div id="app"><input v-model="c.a">
<input v-model="c.b">
<input :value="c.a*c.b"></div>var vm = new Vue({el:"#app",data:{
c:{}
},
...});因為官方文檔是說存在v-model的表單會無視value屬性，如果我想獲取三個輸入框的值并且作為同一個對象c提交到后臺，該如何實現(在angularjs內是可以直接獲取的，同MVVM的Vuejs有相似的方式嗎)？嘗試過在data里面對第三個框進行綁定并且設定計算規則(相乘)，但是似乎Vue不認識<input v-model="c.d">...data:{c:{
//d:this.c.a*this.c.b}},...求教!
2 回答
慕婉清6462132
TA貢獻1804條經驗 獲得超2個贊
用computed可以輕松實現
例子
<template>
? <div id="app">
? ? <input v-model="c.a">
? ? <input v-model="c.b">
? ? <input :value="v">
? ? {{ c }}
? </div>
</template>
<script>
? export default {
? ? data() {
? ? ? return {
? ? ? ? c: {a: 0, b: 0, c: 0},
? ? ? };
? ? },
? ? computed: {
? ? ? v() {
? ? ? ? const v = this.c.a * this.c.b;
? ? ? ? this.c.c = v;
? ? ? ? return v;
? ? ? },
? ? },
? };
</script>
添加回答
舉報
0/150
提交
取消