在vue中給div添加事件的方法:1.新建vue.js項目;2.添加div標簽;3.使用click屬性添加事件,并綁定v-on指令;4.使用methods方法觸發事件;
具體步驟如下:
1.首先,在vue-cli中創建一個vue.js項目;
vue create project-name
2.vue.js項目創建好后,在項目中添加一個div標簽;
<div id="root">{{text}}</div>
3.div標簽添加好后,在標簽中使用click屬性添加一個事件,并使用v-on指令對事件綁定;
<div id="root" v-on:click='bdjy()'>{{text}}</div>
4.最后,事件綁定綁定好后,使用methods方法即可觸發事件;
<script type="text/javascript">
new Vue({
el:'#root',
data:{
text:'hello world!'
},
methods:{
bdjy:function(){
alert()
}
}
});
</script>