溫馨提示×

vue如何手動觸發事件

vue
養魚的貓咪
1471
2021-05-13 12:58:56
欄目: 編程語言

在vue中手動觸發事件的方法:1.新建vue.js項目;2.使用@click.native屬性綁定事件;3.添加button按鈕;4.添加代碼設置手動觸發;

vue如何手動觸發事件

具體步驟如下:

1.首先,在vue-cli中創建一個vue.js項目;

vue create project-name

2.vue.js項目創建好后,在項目中使用@click.native屬性綁定一個點擊事件;

<a class="link" @click.native="test">點擊事件</a>

3.事件綁定好后,添加一個button按鈕,用于手動觸發事件;

<button @test='shout'>事件</button>

4.最后,按鈕添加好后,在項目中添加以下代碼即可手動觸發事件;

<script type="text/javascript">

var vm = new Vue({

el:"#app",

methods: {

test: function () {

console.log(1);

this.$emit('test');

},

shout:function () {

console.log('');

}

}

})

</script>

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