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环境中props配置自定义类型
下一篇:vue3重新封装element-plus组件库的按钮组件el-button
评论列表

发表评论

评论内容
昵称:
关联文章

YES-CMS内容管理系统 售价

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