2019年10月9日

4.vue的v-if和v-show条件渲染

摘要: 代码如下, 1. v-if用于条件渲染-必须条件为真,才会渲染 判断taye的值,就是JavaScript的表达式,满足条件为B则B 显示 ,v-if是真正的条件渲染,不满足不渲染,也为惰性渲染 2.v-show 用于根据条件展示某一个元素, 如果满足,则显示,如果不满足, 则为隐藏, 页面可检查到 阅读全文

posted @ 2019-10-09 16:57 执着的烙印 阅读(457) 评论(0) 推荐(0)

3vue 绑定style

摘要: <div :style="{color:colorSX, fontSize:sizeSX, background: isRed ? '#FF0000' : ''}"> hi vue </div> 从以上代码,我们可知, 1.动态绑定style 前面有v-bind: 2.color 和 fontSiz 阅读全文

posted @ 2019-10-09 16:28 执着的烙印 阅读(272) 评论(0) 推荐(0)

2vue的class动态绑定形式

摘要: vue的class动态绑定,分为2种形式 第一数组形式: <div class="test" :class="[isGreen ? 'active' :'']"> 我是模拟1 </div> data中变量在前面展示 第二对象形式 <div :class="{active:isActive,green 阅读全文

posted @ 2019-10-09 16:21 执着的烙印 阅读(321) 评论(0) 推荐(0)

导航