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

最新推荐文章于 2024-02-27 10:18:48 发布
最新推荐文章于 2024-02-27 10:18:48 发布
阅读量2.2k 收藏
点赞数
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51196135/article/details/123431814
版权

要被自己蠢哭了 ~~~~~很简单的东西想半天~~~~~由于自己的愚蠢 ~~~被气哭了~~还被领导骂~~

1、需求

2、思路

菜单数据是li动态生成的，当点击他，可获取他身上的内容，将拿到的值赋给下面的标题头即可。

问题是如何获取li上面的属性值~~~~

试了ref   click  都没成功  最后发现是自己没细心看到下面的数据。。。。。。

3、代码

HTML:

 Js：

 

小只笨笨狗～
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue.js 获取当前自定义属性值
10-19
本篇文章主要介绍了vue.js 获取当前自定义属性值，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue2.0获取自定义属性的值
12-29
这里都会给记录下来，今天要说的是怎么获取自定义属性的值。 HTML <!DOCTYPE html> <html> <head> [removed][removed] <meta charset=utf-8> <title>JS Bin</title> </head&...
【Vue】怎么获取一个HTML标签的所有方法
YIZHILIUSHA2020的博客
10-14 914
方法：console.dir()可以显示一个对象所有的属性和方法 <template> <div> <div ref="pointWrap" class="pointer"> <a class="active" href="javascript:;"></a> <a href="javascript:;"></a> <a href="javascr
【Vue-day1】Vue获取Html标签中的值
m0_57450589的博客
03-03 6956
方法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不知道如何分离多...
Vue3快速上手（十一）标签里的ref属性
一掬净土
02-27 612
标签里的ref，可以在普通html元素标签上，也可以用在vue组件标签上。用在html元素标签上时，返回的是该html元素的DOM；用在vue组件标签上时，返回的是该子组件（也就是当前vue是父组件）暴露给父组件的对象，暴露哪些，在返回的对象里就包含哪些，不暴露不包含。
vue 在标签中使用(data-XXX)自定义属性并获取的方法
hjh15827475896的博客
11-12 6136
我们在vue中有时候为给标签加一些特有的属性， 当我们在标签上触发了事件之后， 就可以在 event 对象上面获取 标签的写法 <div class="menu-item" @click="clickMenu('参数一',$event)" :data-mytype="1"> <van-image :src="aaa"></van-image> <span>{{ item.title }}</span>
vue 获取div标签_vue中获取标签方法
weixin_42531779的博客
01-13 7087
1、HTML DOMquerySelector()方法按照以前jq方式，CSS 选择器来获取元素标签 [在mounted方法里面执行]document.querySelector获取的是被选中元素的第一个元素；document.querySelectorAll获取到所有被选中元素；eg：document.querySelector("#demo");document.querySelec...
vue用js获取和修改标签属性及样式
热门推荐
qq_42464346的博客
09-20 2万+
html代码 &lt;div id="App"&gt; &lt;div class="aa" ref="menuItem" @click="aa($event)"&gt;aa&lt;/div&gt; &lt;div @click="bb"&gt;bb&lt;/div&gt; &lt;/div&g
vue获取标签上的属性值
杨葱儿
04-26 2万+
方法一： <div id="app"> <button @click="getData($event,'100')">点我</button> </div> methods : { getData(e,num) { console.log(num); // 输出 100 } } 方法二： &lt...
获取vue标签中指定的值
骨子里的偏爱
04-18 769
【代码】获取vue标签中指定的值。
Vue获取标签
qq_36892712的博客
05-14 1237
在vue.js中，可以使用指令（Directives）和组件（Components）来获取标签。
VUE指令语法解析标签属性
XunLin233的博客
09-26 179
我们运行后会发现并没有给我们变为，而是v-bind:属性名="data变量" 或简写为 :属性名="data变量"我们可以在标签体中使用插值语法 {{ }} 来直接读取data中的属性。那我们能使用相同的方法将我们的网址给填入a标签的href属性中吗？这时候就能解析出我们想要的结果。
vue中如何获取元素自定义属性的值
weixin_42729938的博客
10-08 9299
<divv-for="(item,index) in orderlist" :data-id="item.id" @click="ckxqs(index,item.id)">点击按钮</div> methods: { ckxqs(index,id){ console.log(index)//获取当前索引下标 console.log(id)//获取循环id的值 }...
vue给对象动态添加属性和值的实例
12-12
需要我们先设置共同的参数，然后根据条件动态添加参数属性。 二、案例 let that = this; let params = { "type":that.addQueTable.type, "discussTitle":that.addQueTable.discussTitle, }; // 区分普通题库还是...
vue中的循环对象属性和属性值用法
10-14
主要介绍了vue中的循环对象属性和属性值用法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
在vue中动态修改css其中一个属性值操作
01-18
我就废话不多说了，大家还是直接看代码吧~ <!--此div的高度取屏幕可视区域的高度--> <h5>{{ msg }} ... msg: Welcome to Your Vue.js App, }; }, computed: { getClientHeight:function () { /
后端开发是一个涉及广泛技术和工具的领域.docx
最新发布
04-30
后端开发是一个涉及广泛技术和工具的领域，这些资源对于构建健壮、可扩展和高效的Web应用程序至关重要。以下是对后端开发资源的简要介绍： 首先，掌握一门或多门编程语言是后端开发的基础。Java、Python和Node.js是其中最受欢迎的几种。Java以其跨平台性和丰富的库而著名，Python则因其简洁的语法和广泛的应用领域而备受欢迎。Node.js则通过其基于JavaScript的单线程异步I/O模型，为Web开发提供了高性能的解决方案。 其次，数据库技术是后端开发中不可或缺的一部分。关系型数据库（如MySQL、PostgreSQL）和非关系型数据库（如MongoDB、Redis）各有其特点和应用场景。关系型数据库适合存储结构化数据，而非关系型数据库则更适合处理大量非结构化数据。 此外，Web开发框架也是后端开发的重要资源。例如，Express是一个基于Node.js的Web应用开发框架，它提供了丰富的API和中间件支持，使得开发人员能够快速地构建Web应用程序。Django则是一个用Python编写的Web应用框架，它采用了MVC的软件设计模式，使得代码结构更加清晰和易于维护。
华为数字化转型实践28个精华问答glkm.pptx
04-30
华为数字化转型实践28个精华问答glkm.pptx
新员工入职培训全流程资料包gl.zip
04-30
新员工入职培训全流程资料包（100+个文件） 1入职流程指引 万科新职员入职通知书 万科新职员入职引导手册 新进员工跟进管理表 新员工入职报到工作单(文职) 新员工入职报到流程 新员工入职流程表 新员工入职手续办理流程(工厂 新员工入职手续清单 新员工入职须知 新员工入职训流程 新员工入职引导表(导师用) 2 入职工具表格 3 培训方案计划 4培训管理流程 5培训教材课件 6 培训效果检测 7 员工管理制度 8 劳动合同协议 9 新员工培训PPT模板(28套)
vue从数据库获取数据的下拉菜单
09-14
首先，在Vue组件中创建存储数据的数据属性，使用Ajax请求从数据库获取数据并将返回的数据赋值给数据属性，然后在模板中使用`v-for`指令遍历数据数组生成菜单选项。最后，根据需要可以添加其他属性和事件来增强下拉...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值