vue3使用ts开发自定义组件,对外开放方法


在script最后使用

C# 全选
defineExpose({
  showCreate,
  showView,
  showEdit
})

vue3使用ts开发自定义组件,对外开放方法

使用:

HTML 全选
<data-edit ref="editRef" @on-create="onSuccessCreate" @on-update="onSuccessUpdate"></data-edit>
JavaScript 全选
import DataEdit from './drawer-edit.vue'
const editRef = ref<InstanceType<typeof DataEdit>>()
/**
 * 新增
 */
const onClickAdd = () => {
  editRef.value?.showCreate()
}

vue3使用ts开发自定义组件,对外开放方法

 

版权声明:本文为YES开发框架网发布内容,转载请附上原文出处连接
张国生
评论列表

发表评论

评论内容
昵称:
关联文章

vue3使用ts开发定义对外开放方法
vue3 + ts环境中props配置定义类型
vue3重新封装element-plus库的按钮组件el-button
vue3+ts 导出类型
vue3 ts setup 封装element-plus el-dialog,并使用v-model
.NET Core 定义中间 Middleware
WPF开发随笔收录-定义图标控
Vue.js中如何限制Props只接受特定数组值:定义验证方法解析
如何在 Vue 2 中使用 Webpack 构建时为 favicon.ico 设置定义根路径前缀
C# Winform 定义异常处理方法
vue3+vist 打包空白
Vue 3项目中使用TypeScript和Pinia进行持久化状态管理和初始化操作
winform定义(UserControl)加载慢的研究
vscode使用vue3+ts时代码提示问题
Bootstrap 弹窗JS封装
DevExpress 历史各版本下载地址【更新:V21.1.5】
JS合并两个数3方法详解
页面快排插开发
vue定义组件props中设置object属性的默认值:
窗体GridView布局定义