我想在vue中获取调用html元素.js通过jQuery对其进行修改.现在,我给每个元素指定类名+索引,然后通过jQuery调用它,但这看起来像是一个疯狂的攻击.

我想做的是:

new Vue({
    el: "#app",
    data: {  
        testFunction : function(element) {
            $(element).doSomethingWithIt(); //do something with the calling element
        }
    }
});

这是调用元素:

<div v-on:click="testFunction(???)">Test</div> 

我可以向函数中传递什么来获取div元素,或者是否有其他方法来实现这一点?

推荐答案

您可以从以下事件中获取元素:

new Vue({
    el: "#app",
    methods: {  
        testFunction : function(event) {
            $(event.target).doSomethingWithIt();
        }
    }
});

然后:

<div v-on:click="testFunction">Test</div>

或者(如果要传递另一个参数):

<div v-on:click="testFunction($event)">Test</div>

[demo]

Vue.js相关问答推荐

Vue.js编译的render函数不起作用

作为props 传递的原始 ref 的 Vue 3 react 性

v-for 内部的组件

如何在 vue 的 scss 中使用深度 Select 器

如何渲染数组以 Select 选项 vue.js

ECMA6 中 nameFunction() {} 和 nameFunction () => {} 的区别

v-for 中的 VueJS 插槽

即使在客户端设置 Access-Control-Allow-Origin 或其他 Access-Control-Allow-* 标头后也出现 CORS 错误

SassError:媒体查询表达式必须以(开头

如何将 v-if 与 Vue.js 中的值进行比较

如何克隆props对象并使其无react

如何在生产模式下为 chrome 扩展启用 Vue devtools?

如何从组件内的单点捕获 vuejs 错误

Vue.js 的 $emit 和 $dispatch 有什么区别?

在 VueJS 中使用 Axios - 这个未定义

如何从浏览器的源中删除 webpack://

从子组件 Vue 更新父模型

在 vue js 中的何处以及如何存储 API 端点?

如何在 VeeValidate 中自定义错误信息(字段名称)?

Vue.js 无法读取 null 的属性 length长度