第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

不應(yīng)用具有計(jì)算屬性的 VueJS 樣式

不應(yīng)用具有計(jì)算屬性的 VueJS 樣式

aluckdog 2022-12-29 13:47:01
<template>  <div v-bind:class="divClass">    <v-card>       <h3>Test</h3>    </v-card>  </div></template>我使用計(jì)算屬性來(lái)應(yīng)用類(lèi):  computed: {    divClass() {      return this.$store.state.lineData.data.length > 0        ? ".customcol .triggered"        : ".customcol";    },  }這些類(lèi)的樣式在這里:<style scoped>.customcol {  width: 100% !important;  transition: width 0.3s ease;}.customcol .triggered {  width: 75% !important;}</style>我可以看到類(lèi)已在控制臺(tái)中應(yīng)用,但element.style { }只是空的,div 的寬度不是 100%。我究竟做錯(cuò)了什么?
查看完整描述

1 回答

?
智慧大石

TA貢獻(xiàn)1946條經(jīng)驗(yàn) 獲得超3個(gè)贊

我認(rèn)為應(yīng)該是:


? "customcol triggered"

: "customcol";

沒(méi)有前綴點(diǎn)。


點(diǎn)用于表示選擇器中的類(lèi),它們不是類(lèi)名本身的一部分。


您還會(huì)遇到此選擇器的問(wèn)題:


.customcol .triggered {

  width: 75% !important;

}

這匹配.triggered為 的后代.customcol,而您在同一元素上有兩個(gè)類(lèi)。您需要從選擇器中刪除空格.customcol.triggered.


查看完整回答
反對(duì) 回復(fù) 2022-12-29
  • 1 回答
  • 0 關(guān)注
  • 111 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)