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

  • 相关阅读:
    回归分析:逻辑斯蒂模型,多分类任务
    【Notepad++】通过自定义语言,实现折叠内容的功能,方便结构性查看文件内容
    C++基础知识点
    Towards Real-Time Multi-Object Tracking(JDE)
    车载诊断数据库——诊断问卷调查表与CDD关联关系
    基于 Lua 写一个爬虫程序
    this用法总结
    基于SSM的“基于Apriori算法的网络书城”的设计与实现(源码+数据库+文档)
    【Java I/O 流】字节数组流:ByteArrayInputStream 和 ByteArrayOutputStream
    配置多仓库根目录(阁瑞钛伦特软件-九耶实训)
  • 原文地址:https://blog.csdn.net/qq_38267287/article/details/128147748