jyn15159的博客

ant design Menu组件子菜单样式设置Menu二级子菜单宽度较宽，直接设置width不起作用,会被他自带的min-width覆盖解决办法：设置组件的全局样式，提升优先级，如下所示：<style lang="less">// 设置菜单项样式.ant-menu-item { width: 90px; height: 26px !important; line-height: 26px !important; margin: 0 !importa

ant-design-vue 组件按需引入按需引入如果使用babel的话，可以使用 babel-plugin-import 来进行按需加载。安装babel-plugin-import：npm install babel-plugin-import --save-dev配置bable.config.js：module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], plugins: [ [

Upload组件上传文件类型设置1.设置上传文件类型为excel<template> <a-upload name="file" :multiple="true" action="https://www.mocky.io/v2/5cc8019d300000980a055e76" :headers="headers" @change="handleChange" accept="application/vnd.ms-excel,

Ant Design Vue Table 组件合并单元格项目开发中，有时候需要实现单元格合并的需求,这里记录一下在Ant Design Vue的实现。<template> <div> <a-table bordered :data-source="dataSource" :columns="columns"></a-table> </div></template><script>const data

给ant-design Table组件的column添加鼠标悬浮提示ant-design Table组件：<template> <a-table :columns="columns" :data-source="data"> </a-table></template><script>export default { data() { return { data:[ { key

InputNumber 数字输入框限制输入不为空，最大值最小值Ant-Design-Vue 数字输入框组件InputNumber限制用户只能输入数字，且不能为空，限制输入最大值最小值关键字：parser，指定从 formatter 里转换回数字的方式，和 formatter 搭配使用。<a-input-number :min="1" :max="30" v-model="width" :parser="parserWidth"/>function parser(value,max,m