首页 > 其他分享 >vue3 + NaiveUI Modal组件点击右上角x关闭不了弹窗的问题

vue3 + NaiveUI Modal组件点击右上角x关闭不了弹窗的问题

时间:2022-09-01 15:36:49浏览次数:55  
标签:NaiveUI show modle update Modal vue3 组件

不要使用v-modle:show='props.show' 的方式。因为使用v-modle后,会警告不能直接修改父组件的值,只是可读的

应该采用:
:show='props.show'
@update:show='changeShow'

配合@update:show方法监听传过来的值,最后通过emit('update:show',false)去修改父组件的值

标签:NaiveUI,show,modle,update,Modal,vue3,组件
From: https://www.cnblogs.com/demoTimes/p/16646669.html

相关文章

  • vue3项目-小兔鲜儿笔记-首页04
    1.新了解CSS属性:object-fitobject-fit属性对图片进行剪切,保留原始比例一般用于img标签和video标签。object-fit属性值:fill默认,不保证保持原有比例,内容拉伸......
  • vue3学习
    资料:http://docs.vikingship.xyz/ 声明类型:   1.使用ref可以声明基础数据   2.使用reactive声明对象数据     3.computed可以返回一个不变的响应......
  • vue3进阶学习
    vue3进阶学习官方网站:https://v3.vuejs.org/中文文档:https://staging-cn.vuejs.org/guide/introduction.html目的:加强对vue3的学习了解vue3在生产环境下需要安装......
  • vue3+ts项目声明响应式数据
    说明:在项目开发中,需要声明响应式数据来实现界面的响应从而实现前后端数据的交互。我们主要分为两类来举例。基本数据类型声明方式letxxx=ref<type>('defaultValue'......
  • 区块相隔虽一线,俱在支付同冶熔,Vue3.0+Tornado6前后端分离集成Web3.0之Metamask区块
    最近几年区块链技术的使用外延持续扩展,去中心化的节点认证机制可以大幅度改进传统的支付结算模式的经营效率,降低交易者的成本并提高收益。但不能否认的是,区块链技术也存在......
  • vue3源码学习2-创建和渲染vnode
    创建vnode我们在第一节中在packages/runtime-core/src/apiCreateApp.ts文件的createAppAPI方法中,app.mount()时://通过createVNode方法创建了根组件的vnodeconstvnod......
  • vue3 基础-表单元素双向绑定
    通常是在form表单相关的场景中会用到双向绑定相关,核心是v-model的应用.input输入框<!DOCTYPEhtml><htmllang="en"><head><title>input</title><script......
  • VUE3.0+Antdv+Asp.net WebApi开发学生信息管理系统(完)
    在B/S系统开发中,前后端分离开发设计已成为一种标准,而VUE作为前端三大主流框架之一,越来越受到大家的青睐,Antdv是Antd在Vue中的实现。本系列文章主要通过Antdv和Asp.netWebA......
  • (开集检测系列)MDETR - Modulated Detection for End-to-End Multi-Modal Understandin
    caption数据+DETR做开集检测1、动机1、只在固定object和属性上训练,解决不了长尾的问题/开集2、方法2.1优势1、MDETR仅依赖于文本和对齐的框作为图像中概念形式进......
  • 父传子 子穿父 vue3
    不错的博客https://blog.csdn.net/qq_43895215/article/details/124626692......