vue v-bind:class
styleDemo
>
export default {
data () {
return {
isActive:true
}
}
}
>
.active {
display: block;
height: 100px;
width: 100px;
background: red;
}
【vue v-bind:class】
文章图片
这样就可以通过切换isActive的true和false切换盒子的显示隐藏
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- VueX--VUE核心插件
- vue组件中为何data必须是一个函数（）
- 用npm发布一个包的教程并编写一个vue的插件发布
- vuex|vuex 基础结构
- Vue源码分析—响应式原理(二)
- VueX（Vuex|VueX（Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式)
- 136.|136. Single Number
- vue中的条件判断详解v-if|vue中的条件判断详解v-if v-else v-else-if v-show