亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

已解決430363個問題，去搜搜看，總會有你想問的

vue 里的 style 能加入判斷嗎？

關注

首頁猿問 vue 里的 style 能加入判斷嗎？

JavaScript

開滿天機 2018-10-11 10:11:58

如何判斷editableCheckNum為0時啟用opacity: 0.5<div :style="{!editableCheckNum:'opacity: 0.5'}">555</div>new Vue({ el: "#app", data: { editableCheckNum: 0 }})

查看完整描述

小唯快跑啊

TA貢獻1863條經驗獲得超2個贊

首先，你需要對Vue的條件渲染有個更深入的了解。
有三種辦法可以解決你的問題：

<div :style="{ 'opacity': !editableCheckNum ? 0.5 : 1 }">555</div>

<div :style="computeStyle">555</div>

computed: {
  computeStyle() {    return { opacity: !this.editableCheckNum ? 0.5 : 1 }
  }
}

<div :class="{ 'this-div-class': !this.editableCheckNum }">555</div>

.this-div-class {
  opacity: .5}

1 反對回復 2018-11-30

關注

舉報

0/150

提交

取消

購課補貼
聯系客服咨詢優惠詳情

慕課網APP
您的移動學習伙伴

掃描二維碼
關注慕課網微信公眾號