当父组件需要向子组件传递数据时,需要在子组件内通过props向外公开接收的属性列表。 <!DOCTYPE html> <!-- 生成组件 --> 组件1 组件2 <!-- 通过v-for生成多个组件 --> 组件2 //
/deep/.ant-input{:; }
1.上手ant-design-vue组件框架,想着有些样式可能和项目有点出入 在vue的babel.config中引入ant-desgin 2.在src目录下新建一个static静态的样式 后缀是less,这里改变的是整个ant-desgin的样式 3.在入口文件main.js引入css文件 引入 这样就修改了在整个button的样式 4.如果只想改变一个组件中的按键需要使用深度选择...
大多vue组件没有受控/非受控之分,一般情况是使用指令v-model控制组件状态(可以理解为react中的受控组件),虽然你可以通过v-model方式完成你的功能,不过对于非受控方式,依然觉得有存在的必要。例如:tabs组件,大多情况下我们只需要初始化的时候提供defaultActiveKey=“index01”就可以满足需求了,而如果使用v-model就意味着...
最近项目中有用到 ant-design-vue,记录了学习过程中查过的东西: 1.布局 a-row:两个span的宽度加起来要等于24 点击查看代码 **2.修改组件样式,比如进度条 a-progress** 在外层加一个div,然后修改里面的样式,用 ::v-deep 点击查看代码 .progress-circle{::v-deep .ant-progress-text{ color:#ffffff; ...
Ant Design Vue 的样式变量 antd 的样式使用了Less作为开发语言,并定义了一系列全局/组件的样式变量,你可以根据需求进行相应调整。 以下是一些最常用的通用变量,所有样式变量可以在这里找到。 @primary-color:#1890ff;// 全局主色@link-color:#1890ff;// 链接色@success-color:#52c41a;// 成功色@warning-color...
项目用的vue3.0 + ant-design-vue,要求给所有页面的a-select选择器加上allowClear属性,但又觉得每个组件里去设置allowClear="true"太麻烦。 后发现可以在main.ts里统一设置默认的属性。 import{createApp}from'vue'importAppfrom'./App.vue'import{Select}from"ant-design-vue";constapp=createApp(App);// 下拉...
locale语言包配置,语言包可到ant-design-vue/es/locale目录下寻找object-1.5.0 pageHeader统一设置 pageHeader 的 ghost,参考pageHeader{ ghost: boolean }'true'1.5.0 prefixCls设置统一样式前缀。注意:需要配合less变量@ant-prefix使用stringant renderEmpty自定义组件空状态。参考空状态slot | Function(componentName:...
renderEmpty自定义组件空状态。参考空状态slot-scope | Function(componentName: string): VNode- getPopupContainer弹出框(Select, Tooltip, Menu 等等)渲染父节点,默认渲染到 body 上。Function(triggerNode, dialogContext)() => document.body locale语言包配置,语言包可到ant-design-vue/es/locale目录下寻找object...
1.首先第一步肯定是npm uninstall ant-design-vue,然后npm install ant-design-vue@next(装最新版),并期待好用(笑),但是那是不可能的。。。 2.发现报了一个peer的错,具体的忘了大概是这样:“ant-design-vue@2.1.2 requires a peer of @vue/compiler-sfc@>=3.0.9 but none i”,经过搜索是antdv对应的...