vue3 + ts环境中props配置自定义类型


使用:

JavaScript 全选
Object as PropType<PopConfirmOptionType>

 

JavaScript 全选
interface PopConfirmOptionType {
  title: string,
  confirmButtonText: string,
  cancelButtonText: string
}

// 传递给ElButton组件的属性
const props = defineProps({
  customClass: {
    type: String,
    default: ''
  },
  sync: {
    type: Boolean,
    default: false,
  },
  usePopConfirm: {
    type: Boolean,
    default: false,
  },
  popConfirmOptions: {
    type: Object as PropType<PopConfirmOptionType>,
    default: () => {
      return {
        title: "",
        confirmButtonText: "确定",
        cancelButtonText: "取消"
      }
    }
  }
});

 

版权声明:本文为YES开发框架网发布内容,转载请附上原文出处连接
张国生
上一篇:vue3+ts 组件导出类型
下一篇:vue3重新封装element-plus组件库的按钮组件el-button
评论列表

发表评论

评论内容
昵称:
关联文章

vue3 + ts环境props配置定义类型
vue定义组件props设置object属性的默认值:
Vue.js如何限制Props只接受特定数组值:定义验证方法解析
vue vue-clie多环境配置
vue3使用ts开发定义组件,对外开放方法
vue3 ts setup 封装element-plus el-dialog,并使用v-model
C# 配置文件增加定义节点
vue3+ts 组件导出类型
VScode配置Python开发环境
vue3+vist 打包空白
vue 编译不同环境
.NET Core 定义中间件 Middleware
AS.NET Core定义全局访问HttpContext
Excel定义格式千分符
vscode使用vue3+ts时代码提示问题
Vue 3 ,嵌套数据源且需要过滤内部数据源
SQL Prompt定义代码片段
GZUpdate自动升级之定义更新补丁程序
vue3重新封装element-plus组件库的按钮组件el-button
VUE Cli3项目添加LESS支持

联系我们
联系电话:15090125178(微信同号)
电子邮箱:garson_zhang@163.com
站长微信二维码
微信二维码