ke_sin的博客

通过window.open(url)下载文件，修改文件名

前端实现下载文件流

less使用each遍历对象循环赋值，实现动态样式

vue antdesign 报警告日期格式错误

vue + antdesign table组件添加尾部合计行

需求：获取当前年月日-时分秒-星期几，并实时更新效果：实现：先获取当前时间；写一个定时器，每秒刷新一次；时间格式过滤自动补0data () { return { date: new Date(), // 获取当前时间 time: '', // 年月日时分秒 week: '' // 周 } }, created () { let vm = this vm.timer = setInterval(() => {

上传文件时，想要先下载文件模板，因为很多地方用到，后端觉得麻烦，所以前端来简单实现1.安装插件npm install --save file-saver xlsxnpm install --save script-loader // 无需在main.js再引入2.如果安装之后报错，就再下载这个依赖(我按着别的博主的文章执行的，他们没有报错，但我的报错了，所以根据项目需求来安装依赖，不报错就跳过这步)：npm install --save file-saver xlsx3.新建一个文件夹

看博主文章偶然发现还有这个样式，记录一下吧 原文链接有时候ui设计的字体之间是有点间隔的，用空格总是很麻烦，发现css3里有设置字体间距的属性：letter-spacing 属性增加或减少字符间的空白（字符间距<p>这是正常的字符间距</p><p style="letter-spacing:10px;">这是加宽10px字符间距</p><p style="letter-spacing:-10px;">这是缩减10px字符间距</

antdesign table组件结合筛选条件使用分页器，并且跳转编辑页返回依然保存之前的筛选条件

需求：因为表格列太多，看后边字段不方便，所以想添加一个自定义列的功能，不想看见某列也可以设置隐藏效果：拖动右边的列名，table列会随着移动实现：首先把写成动态的

1.首先页面使用如果使用a-tree组件时报如图错误，就是没有全局引入注册问题：问题1解决：在main.js里引入并挂载import {Tree} from 'ant-design-vue'Vue.use(Tree)2.数据渲染一般后端返回的数据和组件文档字段对应不上，所以需要自定义一下字段<a-tree :tree-data='goodsClassData' :replaceFields='replaceFields'></a-tre

问题：a-tree数组渲染后台接口数据，但是数据里多了一层空children，多一层children会导致多一个展开符号，页面上看着不太友好解决：写个方法，并封装成公共的，方便使用//在utils文件里新建了一个js文件export function handleTreeData(data) { for (var i = 0; i < data.length; i++) { if (data[i].child.length < 1) { data[i].chil

需求：一个下拉选项，平常只需传value值，但是后端需要label和value值，这个问题给组件加一个:labelInValue='true’属性就可以了，但会引发其它问题<a-form-item label="销售"> <a-select @change='saleChange' :labelInValue='true' v-decorator="['sale_id' , { rules: [{ required: true, message: '请选择

问题：vue-main.js引入antdesign报错解决：import Vue from 'vue' import Antd from 'ant-design-vue/es' Vue.use(Antd)

vue项目运行报错：Module build failed (from ./node_modules/babel-loader/lib/index.js):解决：执行命令npm install @babel/core @babel/preset-env重启就好了

1.原因：主要是由于ant-design组件数据是单向流动的，树形控件/表格在第一次渲染时异步加载的数据还未存在。所以用v-if确保数据存在再渲染组件2.解决： <a-tree v-if="treeData.length" defaultExpandAll checkable :tree-data="treeData" @select="onSelect" @check="onCheck"

问题：在IDE启动项目时报错（或者运行PowerShell脚本的时候报错）yarn : 无法加载文件 C:\Users\admin\AppData\Roaming\npm\yarn.ps1。未对文件 C:\Users\admin\AppData\Roaming\npm\yarn.ps1 进行数字签名。无法在当前系统上运行该脚本。有关运行 脚本和设置执行策略的详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_P

vue antdesign 使用跑马灯组件报错：按照官网 复制了一个最基础的例子 但就是报错 最后发现必须要引入并注册组件才可以修改之后的正确用法:

1.在src\locales\index.js文件修改默认语言// import enUS from './lang/en-US'import zhCN from './lang/zh-CN'Vue.use(VueI18n)// export const defaultLang = 'en-US'export const defaultLang = 'zh-CN'const messages = { // 'en-US': { // ...enUS // } 'zh-

1.下载字体下载字体：https://www.fontke.com/下载之后复制里边的.ttf文件2.在assets添加一个文件夹，里边放入.css 和.ttf文件@font-face { font-family: 'TXWHZGBJT'; src: url('font.ttf'); font-weight: normal; font-style: normal;}3.在App.vue里引入@import "assets/font/font.css";4.在页面