Vue.js 点击按钮显示/隐藏内容 实例
来源:互联网 发布:淘宝客产品推广合作 编辑:程序博客网 时间:2024/04/27 16:29
实例代码:
<!DOCTYPE html><html><head><meta charset="utf-8"><title>vue点击切换显示隐藏</title><script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script></head><body><div id="example"><button v-text="btnText" @click="showToggle"></button><p v-show="isShow">原本可以成为Google、Facebook的“爸爸”,或者微软的“儿子”,最后却像“孙子”一样被贱卖,沦为互联网浪潮的“弃子”。</p></div><script type="text/javascript">new Vue({el:"#example",data:{btnText:"隐藏",isShow:true},methods:{showToggle:function(){this.isShow = !this.isShowif(this.isShow){this.btnText = "隐藏"}else{this.btnText = "显示"}}}})</script></body></html>
阅读全文
0 0
- Vue.js 点击按钮显示/隐藏内容 实例
- js点击显示隐藏内容
- 点击按钮显示和隐藏列表内容
- js点击按钮显示,在次点击按钮隐藏
- vue中点击显示隐藏
- JS实现点击参数面板按钮显示或隐藏数据
- vue.js 左侧二级菜单显示隐藏切换 实例
- 点击显示隐藏js
- 点击按钮显示/隐藏答案
- 原生JS实现点击按钮显示更多内容
- 一个按钮点击隐藏下面内容,再点击显示,并且按钮自己里边的字也在变
- 默认隐藏内容,点击标题显示内容。
- 一段JS代码,点击按钮显示一块区域,再点击则隐藏这块区域
- js/jq 点击按钮显示div,点击页面其他任何地方隐藏div
- js点击显示隐藏表格
- js点击显示隐藏图片
- jquery 默认隐藏div,点击按钮显示,再次点击隐藏
- 通过js选择按钮实现一个内容隐藏另一个内容显示
- ffmpeg无压缩视频
- android之土司
- 进程和线程的区别
- iOS 生成国际化包 APP支持多语言配置
- 学习Java的一些经验讲解!
- Vue.js 点击按钮显示/隐藏内容 实例
- C#读写config配置文件
- Hibernate(annotation版本helloworld)-2
- MTK65XX平台充电调试总结
- ORACLE-AWR报告分析
- jQuery 插件基础上的百叶窗
- lintcode(382)三角形计数
- 烂泥:U盘安装Centos6.5
- maven 出现Duplicating managed version