首页 > 其他分享 >vue 关于element el-dialog使用心得-传参问题

vue 关于element el-dialog使用心得-传参问题

时间:2023-05-12 11:47:55浏览次数:51  
标签:传参 el vue https blog relevant dialog 组件

最近写一个功能用到了弹窗,在弹窗内显示一个子组件。

关于el-dialog的

el-dialog :visible.sync="xxx   参考https://blog.csdn.net/startyangu/article/details/128029464?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1-128029464-blog-125530566.235%5Ev35%5Epc_relevant_default_base3&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1-128029464-blog-125530566.235%5Ev35%5Epc_relevant_default_base3&utm_relevant_index=2   重点说说erdialog里面的子组件,只有首次触发的时候才走自身的mounted一次,之后就不触发了。 我的解决办法就是在dialog标签里加了一个v-if就解决了。 但是子组件可能渲染的比较快,会导致某些值没走接口拿到,就没及时穿给子组件。所以我在子组件也加了个v-if。

 

TRANSLATE with x English
Arabic Hebrew Polish
Bulgarian Hindi Portuguese
Catalan Hmong Daw Romanian
Chinese Simplified Hungarian Russian
Chinese Traditional Indonesian Slovak
Czech Italian Slovenian
Danish Japanese Spanish
Dutch Klingon Swedish
English Korean Thai
Estonian Latvian Turkish
Finnish Lithuanian Ukrainian
French Malay Urdu
German Maltese Vietnamese
Greek Norwegian Welsh
Haitian Creole Persian  
  TRANSLATE with COPY THE URL BELOW Back EMBED THE SNIPPET BELOW IN YOUR SITE Enable collaborative features and customize widget: Bing Webmaster Portal Back

标签:传参,el,vue,https,blog,relevant,dialog,组件
From: https://www.cnblogs.com/ldywebhome/p/17393618.html

相关文章

  • CentOS7 中 semanage命令的安装(SELinux安全子系统)
    SELinux安全子系统SELinux(Security-EnhancedLinux)是美国国家安全局在Linux开源社区的帮助下开发的一个强制访问控制(MAC,MandatoryAccessControl)的安全子系统。RHEL7系统使用SELinux技术的目的是为了让各个服务进程都受到约束,使其仅获取到本应获取的资源。SELinux服务有三种配......
  • Vue项目报错: Component name “xxx“ should always be multi-word vue/multi-word-co
    报错的意思是组件名应该始终是多单词,不应该以单个单词命名组件解决办法1:修改组件名称:例如当前的登陆组件名是login.vue修改成LoginName.vue,组件名需要以驼峰式命名至少两个单词,不一定都得是LoginName.vue可以是NameLogin.vue也可以是LoginNiu.vue总之就是以驼峰式命名......
  • Vue 打包项目出现内存溢出问题
    Vue项目打包遇到内存溢出的问题:npmiincrease-memory-limit-gincrease-memory-limit再执行npmrundev后出现以下问题: 百度了一下,在node_module下的.bin文件夹中查找这个文件: 将这个字符串的双引号去掉:再次运行npmrundev 就可以了 ......
  • vue3 父子组件传值
    父传子组件<template><div><!--通过自定义属性传递值--><Subassembly:value="doc"/></div></template><scriptsetup>import{ref}from'vue'importSubassemblyfrom'./Subassembly.vue&#......
  • vue 存储cookie 与使用
    安装cookie依赖包npmi@vueuse/integrations安装cookienpmiuniversal-cookie使用cookieimport{useCookies}from"@vueuse/integrations/useCookies"constcookie=useCookies();存取cookiecookie.set("token","123456789")获取cookiecookie.......
  • vue table 没有数据的时候展示无数据
    element-table无数据的时候,把“暂无数据”改成其他文字或图片 <el-table :data="tableData" ><el-table-columnlabel="序号"prop="amount""min-width="80"align="center"><template#default="scope">......
  • vue-element-admin安装依赖报错问题
    前言vue-element-admin中文官网要使用中文版,直接去gitgithub下载包:https://github.com/PanJiaChen/vue-element-admin/tree/i18ngitee下载包:https://gitee.com/panjiachen/vue-element-admin/tree/i18n分支记得选择这个i18n问题解决1.修改package.json文件tui-editor这......
  • el-button之slot=“prepend“和slot=“append“ 用法及区别
    说明<el-buttonslot="append"></el-button>里的slot="append"就是一个UI摆放的位置,其实就是封装的样式布局。append:代表放在紧贴在依赖组件的后面prepend:代表放在紧贴在依赖组件的前面......
  • ElasticSearch 8.x 教程
    ElasticSearch8.x教程ElasticSearch概述Lucene是什么?Lucene是一套信息检索工具包,jar包,不包含搜索引擎系统包含:索引结构,读写索引的工作,排序、搜索规则工具类ElasticSearch(es)是什么?一个开源的高扩展的分布式的全文搜索引擎可以近乎实时存储、检索数据......
  • django通过celery定时任务
    settings.py #Broker配置,使用Redis作为消息中间件BROKER_URL='redis://127.0.0.1:6379/0'#BACKEND配置,这里使用redisCELERY_RESULT_BACKEND='redis://127.0.0.1:6379/0'#结果序列化方案CELERY_RESULT_SERIALIZER='json'#任务结果过期时间,秒CELERY_TASK......