Vue 获取dom元素中的自定义属性值

向右看齐 2023-02-13 14:41 2阅读 0赞

[https://www.jianshu.com/p/969285fc7729][https_www.jianshu.com_p_969285fc7729]

推荐

<div data-link="123" @click="handleClick"></div>
    methods: {
        handleClick(e) {
            console.log(e.currentTarget.dataset.link);
        }
    }

方法一：

> HTML
> 
>     <div id="app">
>       <button  @click="getData($event,'100')">点我</button>
>     </div>
> 
> JS
> 
>     methods : {
>        getData(e,num) {
>             console.log(num);     // 输出 100
>        }
>     }

方法二：

> HTML
> 
>     <div id="app">
>       <button data-num="100" ref="dataNum"  @click="getData($event)">点我</button>
>     </div>
> 
> JS
> 
>     methods : {
>        getData (e) {
>            console.log(this.$refs.dataNum.dataset.num);     // 输出 100
>        }
>     }

方法三：

> HTML
> 
>     <div id="app">
>       <button data-num="100" @click="getData($event)">点我</button>
>     </div>
> 
> JS
> 
>     methods : {
>        getData (e) {
>            console.log(e.target.getAttribute('data-num'));     // 输出 100
>        }
>     }

[https_www.jianshu.com_p_969285fc7729]: https://www.jianshu.com/p/969285fc7729

发表评论取消回复

表情：

评论列表（有 0 条评论，2人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue中如何获取自定义属性

Vue是一种流行的JavaScript框架，用于构建用户界面。在Vue中，我们可以通过属性绑定和事件处理来操作DOM元素。当我们需要获取自定义属性时，可以使用Vue提供的特定属

短命女/ 2023年10月16日 15:14/ 0 赞/ 25 阅读

相关 Vue 获取dom元素中的自定义属性值

[https://www.jianshu.com/p/969285fc7729][https_www.jianshu.com_p_969285fc7729] 推荐

向右看齐/ 2023年02月13日 14:41/ 0 赞/ 3 阅读

相关 Vue.js中$refs{}获取DOM元素

如果我们想获取DOM元素，一般使用js中的`document.querySelector`来获取这个dom节点，然后在获取元素的值，现在Vue提供给我们一种更便捷的方式来获取D

以你之姓@/ 2022年12月22日 10:00/ 0 赞/ 314 阅读

相关 javascript中自定义属性值

<div id="demo" data-index="2"> </div> <script> var div = document.getElement

布满荆棘的人生/ 2022年12月06日 04:03/ 0 赞/ 178 阅读

相关 javascript根据元素自定义属性获取元素，操作元素

转自[javascript根据元素自定义属性获取元素，操作元素][javascript] function getElementByAttr(tag,attr,val

妖狐艹你老母/ 2022年06月16日 06:29/ 0 赞/ 797 阅读

相关 vue中获取并操作dom元素

获取dom元素可以使用 elementList = document.querySelectorAll(selectors);//获取多个dom元素如ul中的li

墨蓝/ 2022年05月21日 03:45/ 0 赞/ 258 阅读

相关原生JS获取含有自定义属性的元素节点

jQuery有data()方法可以获取到自定义的元素节点，而原生JS获取则要用到querySelector以及querySelectorAll这两个方法。用代码写一下

秒速五厘米/ 2022年05月17日 04:04/ 0 赞/ 540 阅读

相关获取name属性和自定义class属性值

$("input[name=processDesc2]").val(res.data.processDesc2); name为processDesc2的input框

ゝ一纸荒年。/ 2022年05月12日 12:40/ 0 赞/ 250 阅读

相关 vue获取dom元素高度的方法

获取高度： <div ref="自定义名称" > </div> 要在钩子mounted里面dom结构生成后去获取dom的高度，宽度，修改样式

男娘i/ 2021年09月30日 11:02/ 0 赞/ 1974 阅读

相关 SpringBoot获取YAML配置文件中的自定义属性值

SpringBoot支持使用Properties和YAML两种配置方式。两者功能类似，都能完成SpringBoot的配置，但是Properties的优先级要高于YAML（YAM

￡神魔★判官ぃ/ 2021年09月02日 10:03/ 0 赞/ 705 阅读