one of the components of vue is to display Weibo. When Weibo has a large number of words, click "expand" to show the full text, otherwise "put away" to omit the full text.
but the click events bound by "expand" and "fold" cannot be executed immediately. It takes the mouse to move over another img element of the component to correctly expand and fold the img inside the
component and the div that binds the click. There is no event passing, there is no common field, what is the situation?
//clickdiv
<div
style="display:inline;color:-sharpfb9240;cursor:pointer"
v-show="item.flag1&&item.flag2"
@click="item.flag2=!item.flag2"
>
</div>
<div
style="display:inline;color:-sharpfb9240;cursor:pointer"
v-show="item.flag1&&!item.flag2"
@click="item.flag2=!item.flag2"
>
</div>//""""divclick
<img src="./images/edit.png" style="margin-right: 10px;" alt="" v-if="!endEdit" @click="modItemfunc" title="" @mouseover="endEdit=true"/>