知识分类
后端
前端
设计
开源组件/产品
APP
其他
广告招募

elementui中el-drawer存放子组件 子组件mounted只执行一次的解决方案

管理员
发布于:2023-05-29 14:08:29

请看下面这段代码:

<el-drawer title="测试代码" destroy-on-close="true" :visible.sync="showtheorygrading" size="100%" >
	<theorygrading></theorygrading>
</el-drawer>

theorygrading是自定义的子组件当el-drawer显示时,theorygrading子组件的mounted方法只执行了一次,那么如果解决这个问题呢?

只要在el-drawer里加上v-if判断就可以了,如下:

<el-drawer title="测试代码" destroy-on-close="true" v-if="showtheorygrading" :visible.sync="showtheorygrading" size="100%" >
	<theorygrading></theorygrading>
</el-drawer>
上一篇:uniapp的radio-group 清除选中的方法
下一篇:webuploader大文件上传,在隐藏的元素下不能使用的问题
搜索内容
最新文章
  • 非可框架,懒人接口生成器应用发布,让
  • 爬虫监控就像给网站装心跳监测仪,非可
  • 非可框架,Google Authen
  • 连接WIFI出现无Internet
  • 免费AI SEO工具,SEO的AI生
  • OBS在银河麒麟或ubuntu等核心
  • 常见主板开机进入bios热键,一张图
  • 微软常用运行库VC++合集下载,解决
  • MSYS2中安装使用GCC的正确方法
  • 用了这些网站,多出来的时间让你摸鱼
精彩文章
  • 1 MSYS2中安装使用GCC的正确方法
  • 2 JavaScript 判断对象是否为
  • 3 什么是PHP站群以及使用php开源框
  • 4 连接WIFI出现无Internet
  • 5 Layui 怎么样更换主题颜色?
  • 6 常见主板开机进入bios热键,一张图
  • 7 FrameCoder非可,基于web
  • 8 小程序真机调试 报错 define
  • 9 vscode用一个插件快速生成Vue
  • 10 免费AI SEO工具,SEO的AI生
工信部备案:苏ICP备2023011827号-1
苏公网安备 32111202000338号