前端 - 想实现一个功能，点击一个按钮另一个就会隐藏，在浏览器点击展开按钮导航栏展开，并隐藏了，但是点击展开后功能就实现不了了？
按钮代码：
<el-radio-group v-model="isCollapse" style="float:left;top:10px;" >
<el-radio-button :label="false" v-if="isCollapse" ><i class="el-icon-s-fold" ></i>展开</el-radio-button>
<el-radio-button :label="true" v-else ><i class="el-icon-s-unfold"></i>收起</el-radio-button>
</el-radio-group>data () {
return {
isCollapse: true
}
}共有2个答案
用v-show替代v-if或者每次切换之后重新渲染组件给el-radio-group加个key=isCollapse让组件重新渲染; 一般我们做切换不用这个radio，直接用一个button搞定
<el-button @click="isCollapse=!isCollapse" :icon="isCollapse?'el-icon-s-fold':'el-icon-s-unfold'">{{ isCollapse?'展开':'收起' }}</el-button>
<el-radio-group v-model="isCollapse" style="float:left;top:10px;">
<el-radio-button :label="false" v-show="isCollapse">
<i class="el-icon-s-fold"></i>展开
</el-radio-button>
<el-radio-button :label="true" v-show="!isCollapse">
<i class="el-icon-s-unfold"></i>收起
</el-radio-button>
</el-radio-group>
-
我正在尝试隐藏按钮div和显示一个隐藏的div后，一个表单按钮已经被点击，加上延迟提交/重定向。下面是我想出的办法，但似乎没有100%奏效。 null null 任何建议都非常感谢
-
本文向大家介绍Android编程实现Listview点击展开和隐藏的方法，包括了Android编程实现Listview点击展开和隐藏的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了Android编程实现Listview点击展开和隐藏的方法。分享给大家供大家参考，具体如下： 代码较多，所以找关键点大家贴出来，相信大家看了之后很容易就明白的， 在listview的activity中 在自
-
我正在尝试网络抓取，我需要模拟对buttoN的点击，我已经尝试过了： 并返回此错误： selenium . common . exceptions . nosuchelementexception:消息:没有这样的元素:找不到元素:{"method":"xpath "，" selector ":"//*[@ id = " CTL 00 _ CP h1 _ BtnTipoGobierno "]" }
-
本文向大家介绍vue实现点击按钮下载文件功能，包括了vue实现点击按钮下载文件功能的使用技巧和注意事项，需要的朋友参考一下 项目中需要用到文件下载功能,查了资料发现需要用到a标签的特性,但是这边需要用到点击按钮下载,懒得写样式,于是用了以下代码. 在el-button的外面套了一层el-link,如下图,可以正常下载 以下是el-link文字链接的属性 总结 以上所述是小编给大家介绍的vue实现点
-
本文向大家介绍js实现点击按钮复制文本功能，包括了js实现点击按钮复制文本功能的使用技巧和注意事项，需要的朋友参考一下 最近遇到一个需求，需要点击按钮，复制 <p> 标签中的文本到剪切板 之前做过复制输入框的内容，原以为差不多，结果发现根本行不通 尝试了各种办法，最后使了个障眼法，实现了下面的效果 一、原理分析 浏览器提供了 copy 命令 ，可以复制选中的内容 如果是输入框，可以通过 selec
-
本文向大家介绍Android开发实现的文本折叠点击展开功能示例，包括了Android开发实现的文本折叠点击展开功能示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了Android开发实现的文本折叠点击展开功能。分享给大家供大家参考，具体如下： 信息栏，景点介绍，购物信息，进场会使用到文本折叠的方法 实现非常简单，这里就不哆嗦了 效果如下： Demo：https://github.com/