标签点击选择获取内容或者下标值

最新推荐文章于 2022-12-05 18:56:27 发布
最新推荐文章于 2022-12-05 18:56:27 发布
阅读量296 收藏
点赞数
文章标签： 点击选择标签
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaoHelloWord/article/details/102858646
版权

在这里插入图片描述
我们要实现下面标签点击切换，然后改变颜色，获取里面内容或者下标值发送给后台
首先在data定义在这里插入图片描述
然后在div里面循环。
在这里插入图片描述
通过v-myclick="[index, changeColor]"
写入方法
在data里面定义在这里插入图片描述
两个空的名字
方法
在这里插入图片描述
this.addSelected获取的是下标值
this.label获取的是点击的内容
在这个案例可以继续拓展
默认选择一个标签获取选择的内容
在这里插入图片描述
只需要在字段名填写默认点击的内容和下标值
还需要给div绑定一个样式
在这里插入图片描述
这样就可以点击那个标签改变颜色
css样式自己看需求

真的不想哇
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS网页在线获取鼠标坐标值的方法
10-24
主要介绍了JS网页在线获取鼠标坐标值的方法,涉及javascript操作页面窗口位置元素的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
javascript实时获取鼠标坐标值并显示的方法
10-24
主要介绍了javascript实时获取鼠标坐标值并显示的方法,涉及javascript操作鼠标事件的相关技巧,非常具有实用价值,需要的朋友可以参考下
点击标签获取标签元素
百般回首曾经的相遇，留下的只是一缕残忆
08-09 1644
前端页面 思路，通过点击标签将页面内容存入session，再进行页面跳转，因为在onclick后，标签功能依然会实现。 <table> <tr> <th>会议室号</th> <th>会议室状态</th> </tr> &l...
前端 HTML 获取自定义标签tag 的值方法
腾讯全栈-ITCJF
04-20 4413
&lt;button type="button" class="btn btn-danger" onclick="changelang(this)" tag="en-us"&gt;English&lt;/button&gt; function changelang(obj) { di18n.locale = obj.getAttribute("tag&qu
获取word中配置的标签名称
weixin_34150224的博客
12-05 275
using Aspose.Words; Document doc = new Document(txbFile.Text); List&lt;string&gt; listBookmark = new List&lt;string&gt;(); foreach (Aspose.Words.Bookmark bookmark in doc.Range.Bookmarks) { ...
利用Tag值获取所在行的数组下标。购物车中的移除功能，
shiningchen322的博客
10-14 770
利用Tag值获取所在行的数组下标。购物车中的移除功能， 1、给按钮加TAG值，900起加上section（因为本UITableView是分组的，所以用section，如果是平铺的就用row） cell.clearButton.tag=900+indexPath.section; 2、在按钮的点击事件中获取所属数组下标Btn.tag-900，作为参数调用CancelCartGood
JS：for循环内的数组下标i每次都取到最大值的原因
星河
09-10 1131
最近几天心血来潮，想修改一下之前做的一些小东西，有个地方需要用到for循环，for循环里面有一个点击事件。类似于这样的： for(var i = 0;i <= 3;i++) { button[i].onclick = function(){ console.log(i); } } 我预想的应该是点击不同的button ...
GUI实时点击获取坐标值
07-20
matlab GUI实时点击可以获取坐标值
VB鼠标模拟点击器实时坐标获取
08-21
该资源通过VB编程模拟鼠标左键，可实时捕捉鼠标坐标，自定义左键单击次数，循环操作。合理使用可有效增加工作效率。
获取坐标值
12-29
适用于A53开发板的获取坐标值得方法，获取到的没有压力值。
点击每个兄弟节点获取对应节点下标的六种方案详解
杏子
05-20 1537
在 DOM 节点中，或者在循环引用中，如何点击每个兄弟节点获取对应节点下标，比如 ul 下有 3个 li，要求实现点击每个 li 获取其对应的下标。
Vue：获取v-for循环中的数组下标、索引及数据
甜鲸鱼的博客
12-05 6855
在Vue中使用v-for取出排行榜数据，并根据排行榜的分类显示对应的排行榜内容。
VUE—v-for循环时获取下标并对dom节点进行操作（图文）
Poppy_LYT的博客
08-08 4060
VUE—v-for循环时获取下标并对dom节点进行操作 案例：v-for循环创建了很多按钮，点击每个按钮都会改变样式，利用ref 每个button都绑定一个点击事件并传一个下标值，（从0开始），通过ref和$refs对dom节点进行操作，改变字体颜色 ...
前端-JavaScript基础知识（二）
qq_52262831的博客
12-30 964
目录： 条件语句 获取标签元素 标签属性的获取和设置 数组及操作方法 循环语句 字符串的拼接 定时器
uniapp数组视图发生改变，点击事件获取的下标存在
qq_36656155的博客
12-10 3215
开发环境：uniapp 背景：在项目中做了可上移、下移的一个数组 这里循环了 lists，给lists一个叫index的下标 <view class="list" v-for="(list,index) in lists" :key="index"> <view class="list-text"> {{list.text}} </view> &lt...
项目中 运用双层循环获取不到第一层的下标值该如何处理？
deidei3的博客
07-17 370
先说说我们的项目需求，就是通过后台请求过来的数据进行了双层遍历，通过点击然后有不同的样式,需要将当前的下标及id传一下 并加上样式需要运用到三元运算： 如图： 1、这个是在组件中渲染的样式 2、在data中定义一些初始化值 3、通过后台接口请求到数据 4、我们的问题所在： 只是将id index 传过去 并在布局用 三元运算符 判断 加样式 并不会出现效果 5、解决问题的方法利用深拷贝 object.assign() 用深拷贝吧每一层的值都层层拷贝，这样就OK辽 ...
vue element ui tag标签组，获取选中值，存入数组
m0_65274248的博客
08-25 7711
vue element ui tag标签组，获取选中值，存入数组
vue获取当前点击对象的下标，和当前点击对象的内容
热门推荐
M_SSY的博客
09-29 1万+
&lt;li v-for="(item,index) in tabList" v-on:click="addClass(index,$event)" &gt;{{item.title}}&lt;/li&gt; data里面声明： data() { return { tabList: [ { id: 0, title: "首页1" }, ...
swiper获取滑动前后下标值
最新发布
06-01
你可以监听 `swiper` 的 `slideChange` 事件来获取滑动前后的下标值。具体做法如下： 1. 在 `swiper` 的初始化配置中添加 `on` 属性，用来定义事件监听函数，例如： ```javascript var mySwiper = new Swiper('....

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值