W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
開發(fā)者可以在所有的組件標(biāo)簽上都使用通用屬性
<template>
<div>
<text id="text1" class="text-normal">line 1</text>
<text id="text2" class="text-normal red">line 2</text>
</div>
</template>
名稱 | 類型 | 默認(rèn)值 | 描述 | ||
---|---|---|---|---|---|
id | <string>
|
- | 唯一標(biāo)識 | ||
style | <string>
|
- | 樣式聲明 | ||
class | <string>
|
- | 引用樣式表 | ||
disabled | <boolean>
|
false | 表明當(dāng)前組件是否可用 | ||
aria-label | <string>
|
- | 當(dāng)前元素的標(biāo)簽描述,接受字符串作為參數(shù) | ||
aria-unfocusable | <boolean>
|
false | 無障礙模式下是否能夠獲取焦點, 設(shè)置 true 時, 該組件 aria-label 屬性在無障礙模式下不會生效 | ||
forcedark 1070+
|
<boolean>
|
true | 組件級別 的夜間模式自動反色開關(guān)(僅 Android 10+系統(tǒng)支持),非必填,默認(rèn)值為 true(開啟自動反色) |
forcedark 參數(shù)注意事項:
1.常規(guī)屬性的forcedark參數(shù)為全小寫,與manifest.json的forceDark參數(shù)為駝峰命名法不一樣。
2.video、camera、map、custommarker組件均不支持設(shè)置forcedark參數(shù),也不會響應(yīng)父元素的forcedark設(shè)置
3.span 組件不支持forcedark開關(guān),它只能依賴父元素的forcedark參數(shù)值控制開關(guān),并且當(dāng)父元素為 span 的時候,繼續(xù)往上找,直至找到父元素為a或text元素截止
名稱 | 類型 | 默認(rèn)值 | 描述 | |||
---|---|---|---|---|---|---|
for | <array>
|
- | 根據(jù)數(shù)據(jù)列表,循環(huán)展開當(dāng)前標(biāo)簽 | |||
if | <boolean>
|
- | 根據(jù)數(shù)據(jù) boolean 值,添加或移除當(dāng)前標(biāo)簽 | |||
show | <boolean>
|
- | 根據(jù)數(shù)據(jù) boolean 值,顯示或隱藏當(dāng)前標(biāo)簽,相當(dāng)于控制{ display: flex | none } |
渲染屬性工作方式詳見 template 模板
注意:屬性和樣式不能混用,不能在屬性字段中進(jìn)行樣式設(shè)置
給組件綁定 data 屬性,然后運(yùn)行時通過 dataset 獲取,方便進(jìn)一步判斷
示例:
<template>
<div>
<div id="elNode1" data-person-name="Jack"></div>
</div>
</template>
<script>
export default {
onReady () {
const el = this.$element('elNode1')
const elData = el.dataset.personName
console.info(`輸出data屬性: ${elData}`)
}
}
</script>
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: