问 题

我想点击一行显示当前行所隐藏的内容,但现在点击随意一行,所有内容都出现了??

这要怎么修改??

  • {{lis.mainName}}

  • {{itemLi.subName}}

data () {

return {

liHide1:false,

imgS1:true,

imgS2:false,

thops:zhiWei

}

},

methods:{

liShow(){

this.liHide1 = !this.liHide1;

this.imgS1 = !this.imgS1;

this.imgS2 = !this.imgS2;

},

老铁们,帮忙看看>_<

PS:谢谢各位老铁了

解决方案

  • {{lis.mainName}}

  • {{itemLi.subName}}

data () {

return {

thops:[

{

mainName:"技术",

name:["前端","后端"],

isShow:true,//是否隐藏

}

]

}

},

methods:{

扫一扫关注IT屋

微信公众号搜索 “ IT屋 ” ,选择关注与百万开发者在一起

vue选中点击的元素_vue.js - Vue 点击当前元素触发当前事件怎么做??相关推荐

  1. vue 把组件挂载到视图_vue.js中,在一个vue组件中,想通过点击按钮,才加载另外一个目标vue组件,要怎么实现?...

    展开全部 { data: { showcom: false } methods: { onclick: function () { this.showcom = true; } } } Vue.js( ...

  2. vue 新建的页面如何访问_Vue.js—实现前后端分离架构中前端页面搭建(四)(完)...

    [Vue.js实现前后端分离架构中前端页面搭建] 二十.实现服务端登录业务 前提:已经有单机版Eureka,端口8761.启动开Eureka 1. 新建父项目 新建backend_parent. 为了 ...

  3. vue设置img大小的属性_Vue.js自定义标签属性并获取属性,及绑定img的src属性的坑...

    一.定义属性: 一般定义属性都是为了动态的去获取属性的值,或者动态的设置属性的值,如果想仅仅是设置一个普通的属性,直接在便签上设置属性即可,就像使用html的title.name等属性一样,如 H1标 ...

  4. vue的路由怎么换端口_vue.js如何更改默认端口号8080为指定端口的方法

    本文介绍了vue.js如何更改默认端口号8080为指定端口,分享给大家,希望此文章对各位有所帮助. 执行npm run dev实际是在调用根目录下的package.json 打开package.jso ...

  5. 原生js获取html元素高度,js获取页面及个元素高度、宽度的代码

    网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offs ...

  6. html focus 唤醒手机键盘,移动端 input 元素 focus 的时候调出键盘(自动触发 focus 事件的同时调出键盘)?...

    UYOU 安卓我目前没有遇到问题.然后直接使用input.focus()是无法在ios中调起键盘的,因为ios中input元素的focus必须由事件触发.此外,如果模拟了触摸事件,但是在setTime ...

  7. vue.js 删除指定元素_vue.js删除动态绑定的radio的指定项

    上图效果,动态添加绑定radio选项,然后也可以动态删除,右边编辑器删除,左边的视图也对应的删除. 视图代码 view: " " + "{{option.text}}&q ...

  8. vue中怎么点击修改文字_Vue.js点击切换按钮改变内容

    {"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],&q ...

  9. vue获取列表中的数量_vue.js中列表里面的子元素怎么获取列表的索引index值

    <li class="posiRela counItem page-infinite-listitem clearfix" v-for="(item, index) ...

  10. js list删除指定元素_vue.js

    vue.js 中M V MV代表哪一部分 < 插值表达式(v-cloak v-text v-html v-bind(缩写是:) v-on(缩写是@) v-model v-for v-if v-s ...

最新文章

  1. Hadoop基础-网络拓扑机架感知及其实现
  2. 5.3.5 TCP拥塞控制
  3. 修改input的text 通过jquery的html获取值 未变化
  4. BASIC-9 特殊回文数
  5. 一加8渲染图曝光:后置三摄/五种配色可选
  6. 新浪微博王传鹏:微博推荐架构的演进
  7. MySQL Query Cache 小结
  8. 拓端tecdat|R语言在BRFSS数据中可视化分析探索糖尿病的影响因素
  9. JS动态呈现还可以输入字数
  10. 用一台笔记本跑ROVIO
  11. 02.Fabric源码解析---peer命令结构(王雅震)
  12. 机器学习练习 6 - Support Vector Machines(支持向量机)
  13. 001 | “版绘童印”——疫情时代下版画在儿童插画中应用研究 | 大学生创新训练项目申请书 | 极致技术工厂
  14. WinSCP(SFTP客户端) v5.13.3中文版
  15. Excel.Application组件使用方法,适合应用于使用EXCEL组件做WEB应用开发。
  16. Kali [Sqlmap]
  17. Windows下设置redis数据库允许远程访问
  18. dict.get / dict.setdefault / defaultdict
  19. MFC进度条编程控制
  20. 小白第一次跑马拉松扫盲帖 (不就跑个步吗,PB/配速/兔子/能量胶/盐丸…这些是什么鬼)

热门文章

  1. Git 切换远程仓库地址三种方法
  2. Android按钮圆角样式和边框波浪线样式
  3. JavaScript —— Symbol数据类型之不延伸
  4. linux的使用 --- 虚拟机创建CentOS(Intel VT-X)
  5. 三星emcp型号详解_eMCP终将成为过去式?解析:三星、美光所推出的uMCP为何物?...
  6. python xpath爬虫_[爬虫]python下的xpath清洗数据之html数据清洗
  7. vue-router个人总结
  8. window2008 、 oracle11.2g 无法imp,dmp。
  9. 亮风台AR眼镜震撼发布 HiAR 产品全面升级
  10. Hadoop2.7.4 HA centos6.8