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

向右看齐 2023-02-13 14:41 36阅读 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 条评论，36人围观）

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

相关阅读

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

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

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

相关 HTML获取自定义属性值

1.html代码 <a href="javascript:;" onclick='getCustomAttr(this);' myurl="https://www.b

￡神魔★判官ぃ/ 2023年06月19日 11:27/ 0 赞/ 16 阅读

相关 Vue项目中稳健的获取dom元素

1、获取Element的弹框中的Dom元素由于弹框由v-if控制，在初始页面渲染的时候，并不存在该Dom元素，所以在mounted中，获取不到该弹框的Dom元素

迈不过友情╰/ 2023年06月05日 12:52/ 0 赞/ 23 阅读

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

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

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

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

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

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

相关 javascript中自定义属性值

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

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

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

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

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

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

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

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

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

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

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

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

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

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