在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue.js模版中style里面的一個(gè)background-color屬性如何用

vue.js模版中style里面的一個(gè)background-color屬性如何用v-if控制？

模版代碼如下：

<div v-for="platform in platform_list">
  <span style="">{{platform.name}}</span>
  <span><b style="background-color:#???"></b>在線</span>
</div>

想用platform.online屬性控制background-color：
if platform.online

background-color=green

else

background-color=red

請問一下應(yīng)該怎么寫？

回答
編輯回答
臭榴蓮

直接寫呀

data() {
    return {
        platform_list: [
            {online: true},
            {online: false}
        ]
    }
}

然后你組件里面就是這樣

<div v-for="platform in platform_list">
  <span style="">{{platform.name}}</span>
  <span><b :style="{backgroundColor: platform.online ? 'green' : 'red'}"></b>在線</span>
</div>
2018年4月6日 02:41
編輯回答
不討囍
<span><b :style="{backgroundColor: platform.online? 'green': 'red' }"></b>在線</span>
2017年12月30日 22:34