随笔分类 - ant Design vue
摘要：data变量 //collapsed 当前收起状态 collapsed: false, 组件设置 <!--右边头部--> <a-layout-header style="background: #fff; padding: 0" > <!--收缩/展开--> <div @click="functio
阅读全文
摘要：Popover 点击/鼠标移入元素，弹出气泡式的卡片浮层。 何时使用 当目标元素有进一步的描述和相关操作时，可以收纳到卡片中，根据用户的操作行为进行展现。 和 Tooltip 的区别是，用户可以对浮层上的元素进行操作，因此它可以承载更复杂的内容，比如链接或按钮等。 https://www.antdv
阅读全文
摘要：文档：https://antdv.com/components/tree-cn/#API 何时使用 文件夹、组织架构、生物分类、国家地区等等，世间万物的大多数结构都是树形结构。使用树控件可以完整展现其中的层级关系，并具有展开收起选择等交互功能。 基本使用 <template> <a-tree v-m
阅读全文
摘要：参考： https://www.antdv.com/components/message-cn/ 直接全局引入 组件内使用 this.$message.error('提示消息'); main.js中使用 注意这里不要有思维误区，以为前面全局引入了，就可以直接使用，这里还是要引入 import { m
阅读全文
摘要：官方文档：https://www.antdv.com/components/tree-select-cn/ 基本使用 <template> <a-tree-select v-model="value" show-search style="width: 100%" :dropdown-style="
阅读全文
摘要：单选模式搜索选中 https://www.antdv.com/components/select-cn/#API 主要用到的api 主要代码 组件 <a-select mode="multiple" :value="form.role" style="width: 100%" :showArrow=
阅读全文
摘要：刷新保留menu选中 <template> <a-menu theme="dark" mode="inline" :selectedKeys="[$route.path]"> <a-menu-item :key="'/test'"> <router-link to="home"> <a-icon t
阅读全文
摘要：https://www.antdv.com/components/modal-cn/ 对话框基本使用 <template> <div> <a-button type="primary" @click="showModal"> 显示模态框 </a-button> <a-modal title="模态框
阅读全文
摘要：antd menu组件，结合v-for，报错Error in render: "TypeError: Cannot read property 'propsData' of undefined" 错误写法： <span v-for="(child_value,chlid_key) in value.
阅读全文
摘要：官方文档： https://www.antdv.com/components/table-cn/ 注意 # 在 Table 中，dataSource 和 columns 里的数据值都需要指定 key 值。对于 dataSource 默认将每列数据的 key 属性作为唯一的标识。 如果你的数据没有这个
阅读全文
摘要：实现点击左侧菜单，右侧菜单切换到对应的内容 定义嵌套路由 修改/src/router/index.js const routes = [ { path: '/', name: 'layout', component: () => import(/* webpackChunkName: "about"
阅读全文
摘要：官方资源 #官网 https://www.antdv.com/docs/vue/introduce-cn/ 安装和初始化项目 安装vue的脚手架工具 npm install -g @vue/cli 创建antd-demo Vue项目 这种方式就是vue-cli 3 vue create antd-d
阅读全文
浙公网安备 33010602011771号