• el-tooltip中 content点击事件 弹窗闪烁引发的思考


    废话不多说上代码
    const visible = ref(false);

    <el-tooltip

    v-model:visible="visible"

    :teleported="false"

    :show-arrow="false"

    effect="light"

    trigger="click"

    placement="right-start"

    popper-class="express-tooltip"

    >

    @click.stop="visible = true"

    >

    在说这个问题之前一定要了解v-model:visible 和 :visible的区别
    v-model的这种方式  可以实现双向绑定,同时 子组件也可以对应的值,但是呢 :visible就只能进行单向操作,只能改变父组件的值。
    所以,添加了点击事件之后就会改了visible的值之后,v-model:visible也会改变一次,所以就导致弹窗会闪烁一下。

    所以 解决办法就出来了:

    两种方式:
            1、 v-model:visible  改成 :visible
            2、去掉点击事件
    如果问题,可以留言再讨论
    满意的点个赞👍🏻

  • 相关阅读:
    流媒体协议,直播视频是如何呈现在我们面前的
    解决问题:请使用golang编写代码实现一个简易的区块链,包含如何创建区块、如何加密哈希、如何链接区块等功能?
    table展示子集踩坑
    股权众筹进入机制和退出机制如何设计?
    10年软件测试工程师经验,很茫然....
    报价33万的极星电动车,一组电池就高达40万?
    SpringCloud-Rest微服务工程的构建
    一次Kafka内存泄露排查经过
    说说 event loop
    光环云出席Enjoy出海AIGC主题研讨会,助力企业迎接AI时代机遇与挑战
  • 原文地址:https://blog.csdn.net/qq_38267287/article/details/128147748