• 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、去掉点击事件
    如果问题,可以留言再讨论
    满意的点个赞👍🏻

  • 相关阅读:
    一个老测试/开发程序员的独白......
    升级到 jQuery 3.6.1 遇见的几个坑以及应对方法
    C++之可变参数模板
    zKSync 2.0的合约和事务
    实现简易minishell
    STM32 芯片怎么选型?
    计算机毕业设计Java晶研电子公司业务网站(源码+mysql数据库+系统+lw文档)
    nginx服务---2
    Java基础: java中的四种引用
    Python_15 ddt驱动与日志
  • 原文地址:https://blog.csdn.net/qq_38267287/article/details/128147748