溫馨提示×

vue如何給div添加事件

vue
養魚的貓咪
3681
2021-05-13 14:45:04
欄目: 編程語言

在vue中給div添加事件的方法:1.新建vue.js項目;2.添加div標簽;3.使用click屬性添加事件,并綁定v-on指令;4.使用methods方法觸發事件;

vue如何給div添加事件

具體步驟如下:

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>

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女