2 回答

TA貢獻1802條經驗 獲得超5個贊
布局就錯了,這個不是左中右布局。
布局模版,樣式自己搞定
<div class="list">
<div class="item" v-for="(item, index) in list" :key="index">
<div class="left">
<button @click="handleClick('leftValue', item)">左側按鈕</button>
</div>
<div class="center">
<input type="text" v-model="item.leftValue">
<input type="text" v-model="item.rightValue">
</div>
<div class="right">
<button @click="handleClick('rightValue', item)">右側側按鈕</button>
</div>
</div>
</div>
list數據
list: [
{
leftValue: 1008,
rightValue: 1008
},
{
leftValue: 1008,
rightValue: 1008
}
]
按鈕事件
methods: {
handleClick (name, item) {
//點擊后數字+1
this.$set(item, name, item[name] + 1)
}
}
添加回答
舉報