鍍金池/ 問(wèn)答/HTML/ vue中@click綁定的方法不能即時(shí)執(zhí)行。

vue中@click綁定的方法不能即時(shí)執(zhí)行。

vue一個(gè)組件功能是顯示微博,微博字?jǐn)?shù)較多時(shí)點(diǎn)擊"展開(kāi)"顯示全文,反之"收起"省略全文。
但是"展開(kāi)"和"收起"綁定的click事件不能馬上執(zhí)行,需要鼠標(biāo)移動(dòng)到組件另一個(gè)img元素上時(shí)才能正確展開(kāi)與收起
組件內(nèi)部img和綁定click的div沒(méi)有事件傳遞,也沒(méi)有共同字段,這到底是什么情況?

//綁定click的div
<div 
    style="display:inline;color:#fb9240;cursor:pointer" 
    v-show="item.flag1&&item.flag2" 
    @click="item.flag2=!item.flag2"
>
    展開(kāi)
</div>
<div 
    style="display:inline;color:#fb9240;cursor:pointer" 
    v-show="item.flag1&&!item.flag2" 
    @click="item.flag2=!item.flag2"
>
    收起
</div>
//鼠標(biāo)移動(dòng)到這后"展開(kāi)"與"收起"div中綁定的click方法開(kāi)始執(zhí)行
<img src="./images/edit.png" style="margin-right: 10px;" alt="" v-if='!endEdit'         @click="modItemfunc" title="修改" @mouseover="endEdit=true"/>
回答
編輯回答
不舍棄

估計(jì)你的 item 本身并沒(méi)有 flag 屬性。
可以這么寫(xiě)但是最好還是提前定義好 flag 屬性。
@click="$set(item, 'flag', !item.flag)"

2017年1月11日 12:38
編輯回答
情皺

深層賦值,vue監(jiān)聽(tīng)不到
寫(xiě)個(gè)method,用set賦值
https://cn.vuejs.org/v2/api/i...

2018年8月21日 15:27