获取vue标签中指定的值

最新推荐文章于 2023-09-26 20:51:19 发布

骨子里的偏爱

最新推荐文章于 2023-09-26 20:51:19 发布

阅读量898

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/weixin_41823246/article/details/130214492

版权

vue 专栏收录该内容

51 篇文章 0 订阅

订阅专栏

获取vue标签中指定的值

标签中的值：

<li v-for="subMenu in menu.children" class="ef-node-menu-li" :key="subMenu.id" @click="clickNode(subMenu.id)" :type="subMenu.type">

方法中使用：

console.log('获取拖拽的数据11111111111111', evt.item.attributes.type.nodeValue)

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

骨子里的偏爱

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

vue获取自定义属性的值,标签的值

一只努力的小Java

10-23

4003

vue中尽量减少dom操作。方式一：不推荐使用自定义属性为data-val，通过e.target.getAttribute（）获取。 <span data-val="0" @click="getVal0">点我</span> getVal0(e){ console.log(e.target.getAttribute('data-val')); }, 方式二：不推荐使用自定义属性为data-val， <span data-val="

vue获取div中的值_vue获取内存中的值并写入

weixin_30578673的博客

01-12

1523

发表评论发表评论第{{i+1}}楼匿名用户发表时间:{{item.id|dateFormat}}{{item.content}}加载更多export default{data(){return {user:'',content:'',list:[{id:1,user:'李白',content:'天生我材必有用'},],}},methods:{loadComments(){var list ...

参与评论您还未登录，请先登录后发表或查看评论

vue获取标签上的属性值

热门推荐

杨葱儿

04-26

2万+

方法一： <div id="app"> <button @click="getData($event,'100')">点我</button> </div> methods : { getData(e,num) { console.log(num); // 输出 100 } } 方法二： &lt...

vue获取标签的属性值（动态菜单）

qq_51196135的博客

03-14

2310

要被自己蠢哭了 ~~~~~很简单的东西想半天~~~~~由于自己的愚蠢 ~~~被气哭了~~还被领导骂~~ 1、需求 2、思路菜单数据是li动态生成的，当点击他，可获取他身上的内容，将拿到的值赋给下面的标题头即可。问题是如何获取li上面的属性值~~~~ 试了ref click 都没成功最后发现是自己没细心看到下面的数据。。。。。。 3、代码 HTML: Js： ...

Vue获取标签

qq_36892712的博客

05-14

1427

在vue.js中，可以使用指令（Directives）和组件（Components）来获取标签。

VUE中获取属性值

xiaoxiannvla的博客

06-14

6015

VUE获取标签上的属性值

vue 清空input标签中file的值操作

11-20

这里，我们创建了一个`<input type="file">`标签，并添加了`ref="pathClear"`属性以便于在Vue组件的方法中引用它。同时，`@change="onUpload"`监听文件选择事件，当用户选择文件时会触发`onUpload`方法。在Vue组件...

vue.js 获取select中的value实例

10-18

在本文中，我们将学习如何在Vue.js框架中获取select下拉列表中的选中值。Vue.js是一种流行的JavaScript框架，用于构建用户界面和单页应用程序。它允许我们使用响应式数据绑定和组件化的视图组件。下面，我们将通过一...

使用vue点击li,获取当前点击li父辈元素的属性值方法

10-18

3. **获取属性值**：`getAttribute("name")` 方法用于从DOM元素中获取指定的属性值。在`toFlow`方法中，我们通过 `event.target.parentNode.getAttribute("name")` 获取到`ul`元素的`name`属性值。 4. **Vue实例的...

vue如何获取自定义元素属性参数值的方法

10-17

主要介绍了vue如何获取自定义元素属性参数值的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

在vue中获取dom元素内容的方法

08-30

本篇文章主要介绍了在vue中获取dom元素内容的方法，可以通过给标签加ref属性，这里整理了详细的代码,有兴趣的可以了解一下

vue获取DOM元素并设置属性的两种实现方法

11-29

这里我想到了2个方法：方法一：直接给相应的元素加id,然后再document.getElementById(“id”);获取，然后设置相应属性或样式方法二：使用ref,给相应的元素加ref=“name” 然后再this.$refs.name获取到该元素注意：在获取相应元素之前，必须在mount钩子进行挂载，否则获取到的值为空，如果是给子组件加id并修改自定义属性，则直接会加载改子组件对应的外层div上，并不会改变该子组件原本的自定义属性的值如果给子组件加ref,然后获取到该DOM元素之后改变相应的自定义属性的值，vue会报错： Avoid mutating a prop dir

html页面怎么获取vue里面的data,Vue中避免滥用this去读取data中数据

weixin_31487917的博客

06-09

4001

这篇文章主要介绍了Vue中避免滥用this去读取data中数据的的相关资料，帮助大家更好的理解和学习使用vue框架，感兴趣的朋友可以了解下前言在Vue中，data选项是个好东西，把数据往里一丢，在一个Vue组件中任何一个地方都可以通过this来读取data中数据。但是要避免滥用this去读取data中数据，至于在哪里要避免滥用，如果滥用会导致什么后果，本专栏将会一一揭晓。一、用this读取data...

【Vue-day1】Vue获取Html标签中的值

m0_57450589的博客

03-03

7201

方法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获取input的属性_vue如何获取自定义元素属性参数值的方法

weixin_39680121的博客

12-19

1136

偶尔还是会陷入到DOM操作上面去，其实你应该关心的是数据传递，而不是操作DOM。如果你是想获取data-num的数据，可以这样写：55getData:function (e,num) {console.log(num)}这样就可以取到这个值了，如果你是确实想操作DOM，那你可以这样写：55getData:function (e) {console.log(this.$refs.dataNum.da...

vue 点击当前的标签，获取当前标签的value值

weixin_30621919的博客

01-08

5180

点击当前的标签，获取当前标签的value值 html <p class="title" v-for="(item, i) in items" :key="i" @click='getQA(item)'> {{item}} </p> 添加点击触发事件 - 获取value值，将需要获取的value作为参数传递给方法：@click = 'getQA...

VUE指令语法解析标签属性