174~197

<template>

<el-button text @click="dialogVisible = true">

click to open the Dialog

</el-button>

<el-dialog

v-model="dialogVisible"

title="Tips"

width="30%"

:before-close="handleClose"

>

<span>This is a message</span>

<template #footer>

<span class="dialog-footer">

<el-button @click="dialogVisible = false">Cancel</el-button>

<el-button type="primary" @click="dialogVisible = false">

Confirm

</el-button>

</span>

</template>

</el-dialog>

</template>

组件对外暴露一个方法 open,基于open传来的参数,区分添加还是编辑

open({}) => 表单无需渲染,说明是添加

open({ id, cate_name,... }) => 表单需要渲染,说明是编辑

open调用后,可以打开弹窗

Vue2 => v-model :value 和 @input 的简写

Vue3 => v-model :modelValue 和 @update:modelValue 的简写

<channel-select v-model:modelValue="params.cate_id"></channel-select>

组件对外暴露一个方法 open,基于open传来的参数,区分添加还是编辑

open({}) => 表单无需渲染,说明是添加

open({ id,...,.. }) => 表单需要渲染,说明是编辑

open调用后,可以打开抽屉

相关推荐
开开心心就好14 分钟前
高效合并 Excel 表格实用工具
开发语言·javascript·python·qt·r语言·ocr·excel
你的人类朋友18 分钟前
✍️掌握 console.group:让你的控制台输出更有条理
javascript
技术小丁40 分钟前
使用 HTML + JavaScript 实现一个日历任务管理系统
前端·javascript
用户6118472654240 分钟前
JavaScript 性能优化实战:从代码到用户体验
javascript
xianshenglu42 分钟前
我的 Angular 总结:为 AgGridAngular 自定义单元格组件创建基类
前端·javascript·angular.js
前端小巷子1 小时前
JS中的 WeakSet 和 WeakMap
前端·javascript·面试
汪子熙2 小时前
Angular 与 rxjs 中 take(1) 的运用解析
前端·javascript·面试
bug总结2 小时前
如何在 Vue.js 中集成 Three.js —— 创建一个旋转的 3D 立方体
前端·javascript·vue.js
不会飞的鲨鱼2 小时前
【QQ音乐】sign签名| data参数加密 | AES-GCM加密 | webpack (下)
javascript·爬虫·python·webpack