# 事件與自定義屬性 組件的標準屬性可以通過v-bind指令綁定，并在事件處理程序中讀取。如果希望給click等事件傳遞自定義數據，可以使用data-前綴，例如data-name表示name屬性 ``` <text v-for="(item, index) in students" @click="menuClick" :id="index" :data-name="item.name" :data-age="item.age" :key="index"> {{index}} - {{item.name}} - {{item.age}} </text> ``` 然后在事件處理程序中通過e.target.dataset讀取自定義屬性集合，如e.target.dataset.name ``` methods: { menuClick: function (e) { console.log(e.target.id); console.log(e.target.dataset.name); console.log(e.target.dataset.age); } }, ``` 屬性id為標準屬性，而name和age屬于自定義屬性。 > 非標準屬性直接綁定到組件上會被忽略掉。 ``` <template> <view style="flex-direction: column; flex: 1;"> <text v-for="(item, index) in students" @click="menuClick" :id="index" :data-name="item.name" :data-age="item.age" :key="index"> {{index}} - {{item.name}} - {{item.age}} </text> </view> </template> <script> export default { data() { return { students: [{ name: "張三", age: 18 }, { name: "李四", age: 20 } ], } }, methods: { menuClick: function(e) { // console.log(e); console.log(e.target.id); console.log(e.target.dataset.name); console.log(e.target.dataset.age); } }, } </script> <style> </style> ```