vue中获取自定义属性

最新推荐文章于 2024-07-03 08:30:00 发布
最新推荐文章于 2024-07-03 08:30:00 发布
阅读量2.2k 收藏 1
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bcfdsagbfcisbg/article/details/103245684
版权

html允许用户自定义属性，以"data-"开头的即为自定义属性。

一、定义

<div data-test=0 class="mydiv" refs="mydiv"></div>

这里的test即为用户自定义的属性

二、jquery中获取

$(".mydiv").data("test")

三、vue中获取

this.$refs.mydiv.dataset.test
问就是啥也不是
关注
专栏目录
vue.js 获取当前自定义属性值
10-19
本文将详细介绍如何在Vue.js中获取自定义属性值。 首先，需要明确的是，在HTML中，所有以“data-”为前缀的属性都会被自动存储在一个名为`dataset`的特殊对象中，该对象是所有拥有data-*属性的DOM元素的属性集合。...
vue2.0获取自定义属性的值
12-29
这里都会给记录下来，今天要说的是怎么获取自定义属性的值。 HTML <!DOCTYPE html> <html> <head> [removed][removed] <meta charset=utf-8> <title>JS Bin</title> </head&...
vue 获取自定义属性值
王燕欣的博客
04-06 3051
vue 获取自定义属性值的跟触发事件的属性 <div class="ku-menu-item-group" :data-route="item.route" @click="toRoute"> <i class="el-icon-menu"></i> <span class="ku-menu-collapse"><i class="el-icon-arrow-right"></i></span&gt
vue如何获取自定义元素属性参数值的方法
10-17
主要介绍了vue如何获取自定义元素属性参数值的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
这篇文章我们来接着讲使用了scoped后，vue是如何给html增加自定义属性data-v-x
最新发布
qq_36348403的博客
07-03 896
上篇文章中我们讲了使用scoped后，vue是如何给CSS选择器添加对应的属性选择器[data-v-x]。这篇文章我们来接着讲vue是如何给html增加自定义属性data-v-x
Vue 获取dom自定义属性值
偏执
07-23 616
【代码】Vue 获取dom自定义属性值。
在Vue中获取自定义属性方法:data-id的实例
10-14
总结，Vue中获取自定义属性`data-id`的方法是通过事件监听器和属性绑定，结合`methods`中的函数来实现。同时，我们可以利用`localStorage`进行数据存储，通过解析URL获取参数，以及使用Vue Router进行页面导航和标题...
vue 获取当前点击元素自定义属性
weixin_45599105的博客
07-06 1650
vue 获取当前点击元素自定义属性
vue for循环，获取自定义属性的值
weixin_30322405的博客
01-21 760
<ul id="example-2"> <li v-for="(item, index) in items"> {{ parentMessage }} - {{ index }} - {{ item.message }} </li> </ul> var example2 = new Vue({ ...
如何在Vue中获取自定义属性方法：data-id
u010227042的博客
11-13 4748
获取自定义属性的方法： 第一步：首先在标签上绑定上@click="changeCheckBox（item.id）",并将属性值传到绑定的事件里面 第二步：在标签上继续绑定：date-id = "item.id"属性 第三步：在<script>里面的属性methods里面添写上事件函数 changeCheckBox(id){} 在事件函数里面获取id的值即可 <div class...
vue框架中标签自定义属性的使用方法
qq_37734787的博客
10-14 984
Vue自定义属性的设置及获取
等，你的到来。
08-23 7911
写多了小程序，再写vue，在写方法传值的时候就自然而然的就想要去使用自定义属性，既简单又方便。 小程序中设置自定义属性及获取 那么在小程序中的标签自定义属性的写法及获取如下： 小程序： ①.标签设置自定义属性 <image catchtap="guanbiFn" data-which="look" src="../images/guanbia.png" class="guanbiImg"/&...
十八. vue中的自定义属性
HSH541的博客
03-25 8595
1. 语法： 直接在标签中用。 格式：data-属性 2. 如何获取自定义属性的值？ event.target.dataset.radius event是函数第一个参数（默认传参，不用自己传）
【Vue-day1】Vue获取Html标签中的值
m0_57450589的博客
03-03 7210
方法1：在自定义函数中加上$event，在js函数中可以获取到点击事件的标签，从而获取对应标签的值，易于分离。 Html代码： <a href="javascript:;" @click="getCity($event)">北京</a> Js代码： getCity:function(event){ console.log(event.target.innerHTML); } 方法2：vue的ref和$refs方法（在Js中test不知道如何分离多...
vue中的自定义属性并获得属性的值
热门推荐
web前端学习总结
09-28 3万+
vue中的自定义属性并获得属性的值 例如： data-radius语法： data-属性 vue: &lt;div @mouseover='changeRadius($event)' @mouseout='changeRadius(false)' @click='setlocation($event)'&gt; &lt;div data-radius='100'&gt;100m...
vue获取input的属性_vue如何获取自定义元素属性参数值的方法
weixin_39680121的博客
12-19 1137
偶尔还是会陷入到DOM操作上面去，其实你应该关心的是数据传递，而不是操作DOM。如果你是想获取data-num的数据，可以这样写：55getData:function (e,num) {console.log(num)}这样就可以取到这个值了，如果你是确实想操作DOM，那你可以这样写：55getData:function (e) {console.log(this.$refs.dataNum.da...
Vue 获取自定义属性的值
weixin_33908217的博客
11-12 1万+
在jquery中，如果要获取 data-*** 的值可以通过 $('目标元素').data('属性名') 来获取。 在Vue中如何获取该值呢？ 1.换个思路，作为参数传递。 如下代码： &lt;button @click="say('Hi')"&gt;say hi&lt;/button&gt; methods: { say(message){ console.log(m...
vue获取自定义属性值
08-16
在Vue中获取自定义属性值有两种方法： 方法一：通过操作DOM来获取自定义属性值。可以使用`this.$refs`来获取具有`ref`属性的元素，然后通过`dataset`来获取自定义属性的值。例如： ```javascript (e) { console.log...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值