vue实现点击展开点击收起效果
发布时间:2020-12-17 02:19:00 所属栏目:百科 来源:网络整理
导读:安装vue的步骤在这里就不进行赘述了,下面直接进入正题 首先定义一下data里面的数据: 使用computed对data进行处理: 3){ //这里我们先显示前三个 for(var i=0;i template:循环的时候直接用showList进行操作,显示收起的事件直接用showAll = !showAll 进行
安装vue的步骤在这里就不进行赘述了,下面直接进入正题 首先定义一下data里面的数据: 使用computed对data进行处理: 3){ //这里我们先显示前三个
for(var i=0;i<3;i++){
showList.push(this.toLearnList[i])
}
}else{
showList = this.toLearnList
}
return showList; //返回当前数组
}else{
return this.toLearnList;
}
},word:function(){
if(this.showAll == false){ //对文字进行处理
return '点击展开'
}else{
return '点击收起'
}
}
}
template:循环的时候直接用showList进行操作,显示收起的事件直接用showAll = !showAll 进行控制,改变这个值的真假 {{item}}
总结以上所述是小编给大家介绍的vue实现点击展开点击收起效果。编程之家 52php.cn 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- Flex3双向绑定完善版
- ruby-on-rails – 使用CanCan在Active Admin中拒绝访问用户
- Node.js的Express框架使用上手指南
- c – 错误C2039:’find’:不是’std’的成员
- xml – 如何在soap UI中转义&符号(&)
- ruby – Wicked-PDF没有显示图像,’wicked_pdf_image_tag’
- c – tbb:parallel find first element
- swift – 意外的大文件大小
- ruby-on-rails-3 – 使用Bootstrap模式淡入淡出Selenium玩的
- 红宝石 – 如何阻止sinatra跑步?