span标签绑定点击事件
时间: 2023-08-09 08:07:58 浏览: 860
在Vue中,如果想为某一个span标签绑定点击事件,可以使用以下代码:
```html
<span @click="clickFunc">Test</span>
```
其中,clickFunc是一个方法,可以在Vue实例的methods属性中定义:
```javascript
methods: {
clickFunc: function() {
console.log(1);
}
}
```
这样,当点击这个span标签时,clickFunc方法会被触发,并在控制台输出1。\[2\]
#### 引用[.reference_title]
- *1* *3* [浅谈Javascript中的事件流和事件绑定](https://blog.csdn.net/alex197963/article/details/4443373)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [Vue -- 如何在 span 标签上实现一个点击事件](https://blog.csdn.net/weixin_38645718/article/details/108331965)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]