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

鍍金池/ 問答/HTML/ Vue里用了mouted和updated還是取不到已定義的$refs

Vue里用了mouted和updated還是取不到已定義的$refs

clipboard.png

這是獲取到的$refs和refs.con

clipboard.png

clipboard.png

我想在VUE里做一個(gè)點(diǎn)擊不同的按鈕出現(xiàn)不同背景圖片的效果
不用自己操作DOM
但是不知道怎么能在子類的點(diǎn)擊事件里拿到父類的屬性并修改
還是能有別的方法來完成這個(gè)效果
謝謝各位大佬

回答
編輯回答
青瓷

vue文件內(nèi)

<div :class="{classFlag ? 'red' : 'blue'}" @click="changeClass">

js文件內(nèi)

changeClass () {
    this.classFlag = !this.classFlag
}

scss文件內(nèi)

div {
    &.blue {
        background: blue;
    }
    &.red {
        background: red;
    }
}

或者你可以通過綁定style來完成

五種背景

vue文件內(nèi)

<div :class="showClass">
<button @click="changeClass(1)"></button>
<button @click="changeClass(2)"></button>
<button @click="changeClass(3)"></button>
<button @click="changeClass(4)"></button>
<button @click="changeClass(5)"></button>

js文件內(nèi)

changeClass (i) {
    this.classFlag = i
}
showClass (i) {
    switch (this.classFlag) {
        case 1:
            return 'one'
        case 2:
            return 'two'
        case 3:
            return 'three'
        case 4:
            return 'four'
        case 5:
            return 'five'
        default:
            break
    }
}

scss文件內(nèi)

div {
    &.one{
        background: blue;
    }
    &.two {
        background: red;
    }
    &.three {
        background: white;
    }
    &.four{
        background: black;
    }
    &.five{
        background: pink;
    }
}
2018年4月24日 23:34