0
点赞
收藏
分享

微信扫一扫

展开或者收起小图标

dsysama 2022-12-21 阅读 152


展开

展开或者收起小图标_ico


收起

展开或者收起小图标_vue_02

<div cla>
<!-- 展开收缩图标 -->
<i :class="{ iconfont:true,'icon-shouqi':isOpen,'icon-zhankai1':!isOpen}" @click="changeOpen"></i>

//控制他显示或者不显示
<div v-show="isOpen"></div>
</div>

export default {
name: 'Top',
data() {
return {
// 展开状态
isOpen: true,
};
},
methods: {
// 展开或者收起
changeOpen() {
this.isOpen = !this.isOpen;
},


举报

相关推荐

0 条评论