vue同个按钮控制展开和折叠同个事件操作

 data() { return { moreshow:false, count:1, } }

 mounted() { this.getmoreshow()//避免点击两次才生效 }, methods: { getmoreshow(){ if(this.count%2==0){ this.moreshow=true }else{ this.moreshow=false } this.count++ }, }

 Vue.component('work-container', { props: ['height'], data: function () { return { isCollapse: false } }, computed: { topbarcssobj: function () { var obj = { padding: '3px' }; if (this.isCollapse) { obj.display = 'none'; } else { obj.display = 'block'; if (this.height) { obj.height = this.height + 'px'; } else { obj.height = '40px'; } } return obj; }, btniconcssobj: function () { return this.isCollapse ? 'el-icon-caret-bottom' : 'el-icon-caret-top'; }, strview: function () { return this.isCollapse ? '显示' : '隐藏'; } }, methods: { togglebar: function () { this.isCollapse = !this.isCollapse; } }, template: '\ \ \ \ \ 
\ 
\ {{strview}}查询条件\ 
\ 
\ \ 
\ 
\ 
\ \ 
\ \ ' });