所花时间（包括上课）： 4 h代码量（行）： 400   左右搏客量（篇）：1了解到的知识点： element-plus的使用备注（其他）： <template><div><el-form:model="form":rules="rules"ref="form"label-width="100px">

这里以父组件——主页面|子组件1——对话框|子组件2——按钮为例父组件——主页面import{provide,ref}from"vue";#创建对象，并且其有一个value属性，现在定义为falseconstdialogVisible=ref(false);constsetdialogVisible=(value)=>{dialogVisible.value=value;

父页面：<divid="ksbhif"><el-dialog:visible.sync="dialogVisible"title="开始备货"width="80%"top="50px"><iframe:src="iframeUrl"frameborder="0"width="100%"

<el-uploadaction="https://jsonplaceholder.typicode.com/posts/"list-type="picture-card":on-preview="handlePictureCardPreview":on-remove="handleRemove"><iclass="el-icon-plus"><

eg:父组件a.vue<AddAiDrawer:projectId="route.query.id"v-model="addAiShow"title="新增"type="spaceAi"@call-back-table="refreshTa

在移动应用开发中，组件库是开发者们的利器之一。它们提供了一系列预先构建好的UI组件和功能模块，可以显著加快应用程序的开发速度。而UniApp作为一个跨平台的开发框架，也有着丰富的组件库可供选择。在本篇博客中，我将向大家推荐几个高效实用的UniApp组件库，帮助开发者们提升开发效率。uV

如下，他俩一起使用:visible.sync="dialogVisible"v-if="dialogVisible"其他关键地方如图：编辑或者新增的时候只需修改rowData的值即可实现数据变更，

<template><!--弹窗--><!--@close="closeDialog"事件--><el-dialogtitle="提示":visible.sync="dialogVisible"width="40%":before-cl

解决方式：在el-dialog标签中加入v-if='dialogVisible'，dialogVisible是控制打开el-dialog弹窗的标志<el-dialog:visible.sync="dialogVisible":ap