溫馨提示×

vue如何注冊事件

vue
養(yǎng)魚的貓咪
348
2021-05-13 13:34:17
欄目: 編程語言

在vue中注冊事件的方法：1.新建vue.js項目；2.添加button按鈕；3.使用$emit方法注冊事件；4.使用@click屬性添加事件；

vue如何注冊事件

具體步驟如下：

1.首先，在vue-cli中創(chuàng)建一個vue.js項目；

vue create project-name

2.vue.js項目創(chuàng)建好后，在項目中添加一個button按鈕；

<el-button type="primary" icon="el-icon-search" >搜索</el-button>

3.button按鈕添加好后，使用$emit方法注冊一個事件；

#注冊一個submitForm事件
export default {

name: 'translateForm',
data:textTranslate:"",
methods:{
formSubmit:function(e){
this.$emit("submitForm")
e.preventDefault()
}
}
}

4.最后，事件注冊好后，在按鈕中使用@click屬性即可添加事件；

<el-button type="primary" icon="el-icon-search" @click="submitForm" >搜索</el-button>

0 踩