
vue学习
January1207
最近有时间,会不定期更新
展开
-
ant-vue 在原有table基础上动态添加列
result = data.map((item, index) => ({ title: item[0], dataIndex: item[0], align: "center", customRender: (text, record, index) => record.list[item[0]], }));原创 2022-02-28 10:59:13 · 1917 阅读 · 0 评论 -
vue预览图片
<div v-for="(item4, index4) in item2.imageUrls" :key="index4"> <a-row type="flex" justify="space-between"> <a-col :span="3" class="contentImg"> <img :src="item4" @click="handlePreview(it.原创 2022-02-28 10:57:05 · 551 阅读 · 0 评论 -
v-for遍历时在遍历后的数据后面加上符号处理
<span v-for="(item1, index1) in list" :key="index1"> <span >{{item}}</span> <span v-if="index1 != list.length - 1" :key="`${index1}_1`" >、</span >..原创 2022-02-25 13:18:11 · 595 阅读 · 0 评论 -
同级组件传值或者一个组件根据另个组件值变化刷新页面
vueBus1、实例化一个vueBusimport Vue from 'vue'const bus = new Vue()export default bus 2、在需要传值页面使用import vueBus from '@/utils/vuebus' vueBus.$emit('key',vue)3、接受值改变的页面import vueBus from "@/utils/vuebus";mounted() {vueBus.$on("key", function原创 2022-02-23 19:06:23 · 230 阅读 · 0 评论 -
ant-vue a-tree-select相关
1、递归遍历后端数据满足组件要求 handleTreeData = (treeData) => { let treeData: any = []; treeData.map((item) => { let treeObj: any = {}; treeObj.title = item.orgName; treeObj.value = item.orgId; treeObj.key = item.orgId; it原创 2022-02-22 18:44:47 · 1228 阅读 · 0 评论 -
ant-design-vue 点击弹窗外的区域不关闭弹窗
1、官方组件自带点击弹窗区域外关闭弹窗2、点击弹窗区域外关闭弹窗不关闭属性为::maskClosable="false"例如 <a-modal :title="title" :width="500" :visible="visible" :maskClosable="false" :confirmLoading="confirmLoading" :destroyOnClose="true" @cancel="handleCance原创 2022-02-21 10:26:46 · 5363 阅读 · 0 评论 -
ant-design-vue 中v-decorator设置默认值
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言 一、pdfh5是什么? 二、使用步骤 1.安装库 2.引入库 总结前言在vue3+ts项目的移动端使用pdf预览提示:以下是本篇文章正文内容,下面案例可供参考一、pdfh5是什么?官方源码:https://github.com/gjTool/pdfh5二、使用步骤1.安装库yarn add pdfh52.引入库import Pdfh5 from.原创 2022-02-18 14:34:10 · 1775 阅读 · 0 评论 -
ant-design-vue列表第一列索引
原创 2022-02-15 14:47:23 · 558 阅读 · 0 评论 -
ant-design-pro 如何高效地使用Mock数据进行开发 唐金州 报错处理
报错:Proxy error: Could not proxy request /api/dashboard/chart?ID=12345 from localhost:8080 to http://localhost:3000/.修改为:原创 2021-02-22 21:03:18 · 346 阅读 · 1 评论 -
Bootstrap中样式引入失败问题
重新安装一下bootstrap,见官网https://getbootstrap.com/原创 2020-12-27 18:07:26 · 814 阅读 · 0 评论 -
Warning: [antdv: LocaleProvider] `LocaleProvider` is deprecated.
原因: ant design vue升级后国际化组件出现问题需如下更改即可原创 2020-12-27 18:05:36 · 255 阅读 · 0 评论