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

鍍金池/ 問答/HTML5  HTML/ 關(guān)于vue數(shù)據(jù)驅(qū)動的問題？

關(guān)于vue數(shù)據(jù)驅(qū)動的問題？

問題與需求：都說vue是數(shù)據(jù)驅(qū)動，那么對于類似于手風(fēng)琴的需求（通過點(diǎn)擊某個li，展示對應(yīng)li里面的內(nèi)容，在不操作dom的情況下如何通過數(shù)據(jù)驅(qū)動達(dá)成呢？）

比如以下結(jié)構(gòu)，點(diǎn)擊對應(yīng)的li元素其里面的文本顯示，同時其他兄弟li里的文本隱藏。

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>
回答
編輯回答
尤禮

可以通過更改data
使用v-if 或者動態(tài):class控制元素可視

2017年10月9日 03:39
編輯回答
爛人

數(shù)據(jù)驅(qū)動，說白了，就是利用ViewModel里面的數(shù)據(jù)，來控制DOM的樣式，間接的操作DOM，樓上代碼示例很清晰明了

2018年3月10日 05:50
編輯回答
不討囍
<ul>
   <li v-for="(el, idx) in list"
       @click="() => triggerIdx = idx"
   >{{idx === triggerIdx? el : '' }}</li>
</ul>

data () {
    return {
        list: [0,1,2,3],
        triggerIdx: 0
    }
}
2017年6月30日 02:59