import { Form } from 'ant-design-vue'; import { MapModal } from '/@/components/Map/index'; import { watch, ref, inject } from 'vue'; import { Icon } from '/@/components/Icon'; import { camelCaseString } from '/@/utils/event/design'; // 用于包裹弹窗的form组件 因为一个FormIte...
使用的vue2.0中使用的vue-property-decorator,在二次封装ant-design-modal时报了ts类型错误 : Property 'props' does not exist on type 'typeof Modal'. import { Component, Vue } from 'vue-property-decorator' import { Modal } from 'ant-design-vue' const ModalProps = Vue.extend({ props: { .....
Ant-design官方文档提供了js和ts两种案例,按照文档给项目install ant-design后写了个组件编译时发现只要加上``就会得到错误: Module parse failed: Unexpected token (5:27) File was processed with these loaders: * ./node_modules/vue-loader/dist/templateLoader.js * ./node_modules/vue-loader/dist/index....
1、执行命令 pnpm create vite user-manager-project --template vue-ts 终端显示: a1@aXingMBP Vue实战文件夹 % pnpm create vite user-manager-project --template vue-ts Library/pnpm/store/v3/tmp/dlx-53233 | +1 + Library/pnpm/store/v3/tmp/dlx-53233 | Progress: resolved1, reused 0, downloaded...
新建plugins\Ant\index.tsimport { Button,Input,Steps,Form,Select,Row,Radio,DatePicker,Col,Checkbox,Switch } from "ant-design-vue"; const ant = { install(Vue: any){ Vue.component(Button.name,Button); Vue.component(Input.name,Input); Vue.component(Steps.name,Steps); Vue.component(Form.name...
最近在使用vue3+ts+antd搭建后端项目,需要动态改变主题颜色,其实也是使用了pro版的方法,但是还是有坑的,我把坑排了写一下记录 开始 安装需要依赖 npm i webpack-theme-color-replacer npm i @ant-design/colors@2.0.3 1. 2. 3. 在src目录下新建config目录子文件有: ...
import { createApp } from 'vue' import App from './App.vue' import router from './router' import store from './store' import Antd from 'ant-design-vue' //导入所有图标库 import * as Icons from "@ant-design/icons-vue"; import type { Component } from 'vue' import 'reset.css/rese...
使用TS + Composition Api 进行重构,目前只有极个别的组件还在使用 Option Api,我们会逐步重构,但这些组件不会有破环性更新,所以不用担心未来的升级成本。搭配 Volar 你会得到更好的类型提示。不得不说 Vue 3 在 TS 方面有了很大的提升,但依然还有一些不足,对组件库来说体感较强的是 Vue 3 源码类型复杂度较...
类型说明 我这里测试创建了一个 ProFooter 组件,可查看ComponentTokenMap // vue-design-vue // 如果引入的是 es, 这里要改成 "ant-design-vue/es/theme/interface" declare module "ant-design-vue/lib/theme/interface" { interface ComponentTokenMap { ...