启东的个人博客 - vue
type: channel
link: https://echo.solo90.com/tag/vue/
items: v-for循环遍历中click控制某个元素的显示隐藏
items: vue框架使用swiper的正确姿势

v-for循环遍历中click控制某个元素的显示隐藏
type: item
date: 2020-10-11T03:06:00+00:00
description: 通过给每条数据添加字段的方法设置一个原数据不存在的 属性(isShow)。代码 {{item.title}} 展开 继续学习 {{c.title}} <p v-cloak >已学{{c.percent}} 继续学习 js代码，设置属性值为false并且取反 methods:{ isShow(item,event){ if(!item.isShow){ this.$set(item,'isShow',false) item.isShow=!item.isShow; }else{ item.isShow=!item.isShow; } } ,[scode type="green"]注意点css这个属性不要设置 display:none; 否则v-show不生效。[/scode]

vue框架使用swiper的正确姿势
type: item
date: 2019-04-10T11:45:00+00:00
description: 刚用Vue的时候。没有加updated周期方法：数据获取过来。页面v-for遍历后。swiper已经执行过了。页面会出现一张图不动的状态。如果初始值放空的话也不行 js代码