</template> </Wtable> import { ref, createVNode } from "vue"; import { Modal } from "ant-design-vue"; import { ExclamationCircleOutlined } from "@ant-design/icons-vue"; import Wtable from "../../components/Wtable/index.vue"; const del = (val) => { Modal.confirm({ title: (...
<a-table :columns="columns" :data-source="data" class="components-table-demo-nested"> <a slot="operation" slot-scope="text">Publish</a> <a-table slot="expandedRowRender" slot-scope="text" :columns="innerColumns" :data-source="innerData" :pagination="false" > <span slot="status" sl...
@close="visible = false" :maskClosable="false" :keyboard="false" > <a-input v-model.lazy="searchGoodName" placeholder="搜索产品" allowClear> <a-icon slot="prefix" type="search" /> </a-input> <scroll-load class="scroll-load"></scroll-load> <!-- 页脚 --> <div :style="{ posit...
从element-plus的表格用法可以看出,在组件el-table与组件el-table-column中存在插槽,即使用了slot标签。故在我们的组件中table模板结构应当如下: 方案一(简单封装) table(NavigationTable.vue): <template> <table> <thead> <tr> <slot name="header"/> </tr> </thead> <tbody> <tr v-for="(row,index)...
antd-vue 列表(table、list)自定义缺省ui 一、antd-vue官方给出的空数据的参数 也给出了例子,emptyText: '暂无数据'。如果你只需要改文案,按照这个方式即可。 但在实际场景中,我们不仅需要自定义文案,更希望有其他更多的自定义内容,比如缺省图 二、更多个性化设置...
import { ref, nextTick } from 'vue'; import { getOrgTree } from '/@/api/account/accountOrgApi'; import { listToTree } from '/@/utils/helper/treeHelper'; import { BasicTable, useTable, TableAction } from '/@/components/Table'; ...
Table Tabs Tag Timeline Tooltip Tree Feedback Alert Drawer Message Modal Notification Popconfirm Progress Result Skeleton Spin Other Anchor BackTop ConfigProvider ant-design-vueprovides plenty of UI components to enrich your web applications, and we will improve components experience consistently. ...
vue3.0+antd2.0 2).新建一个vue页面,为了规范,自定义的组件一般都放在 components中 3).这是我定义的添加跟修改共用的子组件 <!-- 权限 edit Modal --> <template> <div> <a-modal :title="modalTitle" //组件标题,值是从父组件传入 :maskClosable="false" ...
.ant-table-tbody { background: #fff; } } .search-input { display: inline-block; } </style> store 中的内容 index.js(主容器,创建store) // 导入vue和vueximportVuefrom'vue';importVuexfrom'vuex';// userdata 用来储存user页面的state和更改状态的方法,这里可以创建一个目录储存不同页面的state,调...
只能看到locale可以传object,默认值emptyText: '暂无数据'。 怎么才能自定义图片跟文案呢? 1、在列表对象上绑定locale 2、自定义一个Vue组件,正常封装组件即可,这个组件导入到指定页面,不需要加入到components中声明。 3、将组件直接写到emptyText里面作为value,组件的传值跟正常使用一致 ...