
前端学习
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 评论 -
前端四种undefined
1、已声明,未赋值例如:let a;console.log(a)2、访问某个对象不存在的属性let obj={}console.log(obj.a)3、函数调用少了参数function fn(a,b){console.log(a,b)}fn(c)4、函数的默认返回值function e(){console.log('0000')}console.log(e())...原创 2022-02-16 21:06:44 · 2776 阅读 · 0 评论 -
JSON.parse()与JSON.stringify()的区别
JSON.parse()【从一个字符串中解析出json对象】例子://定义一个字符串var data='{"name":"good"}'//解析对象let a = JSON.parse(data)console.log(a)结果是:{name: 'good'}JSON.stringify()【从一个对象中解析出字符串】var data={name:'good'}let b=JSON.stringify(data)console.log(b)结果是: {"name":"g原创 2022-02-16 09:31:35 · 218 阅读 · 0 评论 -
解决antdesigntable表格fixed后出现空白列
解决方案:将所有列的宽度加起来等于:scroll="{x:m}"里m的值,然后其中一列不设置宽度去自适应宽度原创 2020-12-28 16:58:32 · 3040 阅读 · 0 评论 -
解決vue项目出现 Cannot find module ‘babel-eslint‘问题
全局安装npm install eslint babel-eslint -g即可原创 2020-12-27 18:10:12 · 8398 阅读 · 0 评论 -
Bootstrap中样式引入失败问题
重新安装一下bootstrap,见官网https://getbootstrap.com/原创 2020-12-27 18:07:26 · 814 阅读 · 0 评论