問題描述用vue的for循環，寫了一些div，但是我需要在綁定的div的子/孫節點上面添加click事件，我怎么取得當前的這個對象，或則怎么實現點擊哪個 哪個變色的效果，而不是全部?。?！ 我已經寫了一個簡單的頁面，請幫忙調試！<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script src="https://cdn.bootcss.com/vue/2.6.9/vue.min.js"></script> <style> * { padding: 0; margin: 0; } .boxlist { width: 100%; height: auto; border: 1px solid grey; padding: 20px; } .box { height: 100px; width: 100%; border: 1px solid green; } .showbox { width: 100%; height: 50px; background-color: bisque; } .editbox { width: 100%; height: 50px; background-color: chartreuse; } </style></head><body> <div class="boxlist"> <div class="box" v-for="item in list"> <div class="showbox" v-if="showbox"> <div class="title"></div> <div class="header">header</div> <input type="button" value="編輯" @click="showval" /> </div> <div class="editbox" v-else> <div class="title">111</div> <input type="button" value="保存" @click="hideval" /> </div> </div> </div> <script> new Vue({ el: ".boxlist", data: { list: [1, 2, 3, 4, 5], showbox: true }, methods: { showval: function () { this.showbox = false }, hideval: function () { this.showbox = true } } }) </script></body></html>
vue的v-for之后的click事件
當年話下
2019-03-22 23:15:00