vue.js怎样移除绑定的点击事件

Posted 2023-04-19

参考技术A vue.js移除绑定的点击事件的方法：
可以用 v-on 指令监听 DOM 事件：
<div id="example">
<button v-on:click="greet">Greet</button>
</div>
绑定了一个单击事件处理器到一个方法 greet。下面在 Vue 实例中定义这个方法：
var vm = new Vue(
el: '#example',
data:
name: 'Vue.js'
,
// 在 `methods` 对象中定义方法
methods:
greet: function (event)
// 方法内 `this` 指向 vm
alert('Hello ' + this.name + '!')
// `event` 是原生 DOM 事件
alert(event.target.tagName)


)

// 也可以在 javascript 代码中调用方法
vm.greet() // -> 'Hello Vue.js!' 参考技术B 将绑定点击事件那个方法删除不就可以了么，比如说你在button上绑定了一个点击事件如下：
<input type="button" value="点击" onclick="dj(this);"/>

然后就是js代码里面的
function dj(self)
alert("单击事件响应");



上面就是一个完整的单击事件的绑定过程
如果你后面不想要这个单击事件了你就把button里面的onclick去掉就行了呀如下：
<input type="button" value="点击""/>
希望能帮到你本回答被提问者采纳

vue 的点击事件怎么获取当前点击的元素

一、首先，在编辑器中创建一个web项目，并在目录中创建一个新的静态页面buttonclick.html：

二、然后在title标签中介绍准备好的vue.js库文件。在这里，将JS文件放在JS目录中，然后在body标记中插入一个div和四个按钮，将click事件与Vue中的v-on标记绑定：

三、接下来，插入脚本标记，在标记中写入事件函数，在事件中传递参数，然后打开浏览器查看结果：

四、打开浏览器并单击其中一个按钮以打开窗口返回的元素对象。以上是如何使用Vue获取click事件元素：

参考技术A

1、首先在编辑器中创建好Web项目，在目录下新建静态页面buttonClick.html：

2、然后在title标签引入准备好的vue.js的库文件，这里是将js文件放在js目录中，接着在body标签内，插入一个div和四个button，用vue中v-on标签绑定点击事件：

3、接下来插入script标签，并在标签内编写事件函数， 在事件中传参数，然后可以打开浏览器查看结果：

4、打开浏览器，点击其中的一个按钮，就会弹出窗口返回的元素对象了。以上就是用vue获取点击事件元素的方法：

参考技术B

首先 vue的点击事件 是用  @click = “clickfun()” 属性 在html中绑定的

在点击的函数中 添加$event 参数就可以

比如

<button  @click = “clickfun($event)”>点击</button>

methods: 
    clickfun(e) 
       // e.target 是你当前点击的元素
       // e.currentTarget 是你绑定事件的元素
    

本回答被提问者采纳 参考技术C event.currentTarget
谢谢望采纳