- Gemeinschaft
- Lernen
- Tools-Bibliothek
- Freizeit
Heim > Fragen und Antworten > Hauptteil
Jetzt habe ich einige Lis an das Klickereignis @click="a()" gebunden und die ID jedes Lis ist unterschiedlich. Jetzt möchte ich das @click-Ereignis des Lis mit einer bestimmten ID auslösen, wenn ich die Seite betrete Das Schreiben von .click() mit jQuery hat keine Auswirkung
Zum Beispiel
Zum Beispiel sind die IDs von li jeweils 1 2 3 4 5. Ich möchte die Seite aufrufen und das @click-Ereignis von li mit der ID 5 auslösen kann auch mit jQuery
PHP中文网2017-05-18 10:54:52
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title></head>
<body>
<p id="app"><ul>
<li @click="add1()"></li>
<li @click="add2()"></li>
<li @click="add3()"></li>
<li @click="add4()"></li>
<li @click="add5()"></li>
</ul>
</p>
<script src="https://cdn.bootcss.com/vue/2.3.3/vue.js"></script>
<script>
var vm=new Vue({
el:"#app",
methods:{
add1(){
alert(1);
}
}
});
window.onload=function(){
vm.add1();
};
</script></body>
</html>
是这个意思？
巴扎黑2017-05-18 10:54:52
<template>
<ul>
<li v-for="item in list" @click="handleClick(item.id)"></li>
</ul
</template>
<script>
export default {
data() {
return {
list: [{id:1}, {id: 2}, {id: 3}, {id: 4}, {id: 5}]
}
},
mounted() {
this.handleClick(5)
},
methods: {
handleClick(id) {
// 执行操作
}
}
}
</script>