@阿呜-CSDN博客

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

2022-05-19 16:14:34 658

原创 Vue不请求接口，纯前端实现下载excel模板，zip压缩包

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

2022-04-24 15:55:16 2587 1

转载 css3设置字体间距

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

2022-04-22 14:36:34 920

原创 Vue Ant Desigin table组件结合筛选条件使用分页，跳转编辑页返回依然保存筛选条件

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

2022-04-22 11:33:56 2230

原创 vue+element+ts，原生js实现，table表格组件自定义拖拽列

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

2022-04-02 15:44:45 2768

原创 vue antdesig a-tree组件使用详解

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

2022-03-28 11:48:09 14383 6

原创 vue antdesign 处理a-tree组件最后一级child为空数组问题

问题：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

2022-03-28 10:46:01 3081 1

原创 Ant Design Vue form select组件结合labelInValue属性出现的问题

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

2022-03-02 14:24:48 3558

原创 Antd is not defined

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

2022-02-15 15:07:40 611

原创谷歌浏览器不能手动修改cookies，cookie报红标红

问题：因为项目需要修改cookies的值去登录，某天更新了浏览器之后发现不能修改了，修改之后直接标红，不生效解决：1、在谷歌浏览器中搜索chrome://flags/2、在出现的页面搜索框中搜索SameSite，然后出现的SameSite by default cookies里面把default改为disabled,然后重启就好了如果没生效，就是高版本移除了SameSite by default cookies，导致之前的方法不能使用，解决：就在出现的页面搜索框中搜索Partitioned coo

2022-02-11 17:44:15 3178 2

原创 Module build failed (from ./node_modules/babel-loader/lib/index.js)......

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

2022-02-11 16:54:54 28896 9

原创 ant design vue中树形控件defaultExpandAll设置无效

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

2021-10-29 10:43:38 843

原创解决：无法加载文件 C:\Program Files\.. 因为在此系统上禁止运行脚本...

问题：在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

2021-09-14 10:32:56 8007

原创 js变量提升

1.什么是变量提升？在变量的作用域内，不管变量在何处声明，都会被提升到作用域的顶部，但是变量初始化的顺序不变。（注意，变量提升只将声明部分提升，赋值部分不改变位置，具体可以看例子理解）2.举个例子function test() { a=1; b=2; c=3 var a,b,c; console.log(a); console.log(b); console.log(c);}test();// 输出 1 2 3为什么我先赋值后声明，没

2021-08-26 17:05:21 308

原创 [antdv: Each record in table should have a unique `key` prop,or set `rowKey` to an unique.....

使用ant a-table时控制台报警告，原因是缺少唯一的id，搜集了三种方法方法一：<a-table :columns="columns" :data-source="tableData" :rowKey='record=>record.id'> </a-table>方法二<a-table :columns="columns" :data-source="tableData" :rowKey

2021-08-12 16:52:18 1980

原创 git clone 时报错fatal: unable to access ‘https://github 解决方法

git clone 时报错：fatal: unable to access ‘https://github.comxxxxxxxxxxx’: Failed to connect to xxxxxxxxxxxxx报错如图：解决方法：将报错地址里的https改为git重新clone就好了

2021-08-09 17:15:33 2272

原创 Unknown custom element: ＜a-carousel＞ - did you register the component correctly？For recursive.....

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

2021-06-18 18:50:07 1637

原创 ant design vue pro设置默认语言为中文

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-

2021-04-13 12:15:35 4136

原创 vue css下载字体并引入使用

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.在页面

2021-04-12 11:46:26 2274

原创 vue+element-ui 回车键搜索功能

一个小问题但是浪费了我很长时间找解决办法记录一下希望可以帮助到你哦~1.如果是使用了element-ui 的el-input，需要加.native，不然不起作用<el-input v-model="value" placeholder="请选择" @keyup.enter.native="searchEnterFun"></el-input> searchEnterFun (e){ var keyCode = window.event? e.key

2020-11-17 14:22:39 2950

原创 webstorm波浪线标红，设置完ES6之后依然标红

问题：webstrom 没有语法错误，但有波浪线标红解决：1.如果没有设置兼容es6，去设置，一般就解决了File —> settings —> JavaScript //下拉选择ES62.设置了es6，还是标红，啷个办？注：如果设置完eslint还是标红，把当前文件关闭，重新打开就可以了...

2020-10-10 12:04:34 1608

原创小程序报错：SyntaxError: Unexpected token ＜ in JSON at position 0

仔细看报错日志，找到报错文件位置，这个错一般是json格式错误如果不是该问题，请检查php文件给返回的data数据，是否标准json格式。如果php文件中有var_dump、echo、注释等，都会对返回的json数据有影响。解决：把parse换成stringify res = JSON.stringify(res);...

2020-07-27 17:48:06 5383 1

原创 vue执行npm run servr 报错：ERROR in ./xxx/xxx.vue?vue&type=style&index=0&lang=css

报错： ERROR in ./xxx/xxx.vue?vue&type=style&index=0&lang=css原因：没有安装node -sass解决：node-sass npm i node-sass --S如果还报错：npm install sass-loader --save-dev如果又报这个错： this.xxx is not a function 是因为sass-loader 的版本过高造成的办法1：在本地的package.json文件，里面的

2020-07-24 21:20:21 27059 1

原创小程序修改键盘右下角的按钮为搜索，发送，完成，下一个....等按键

第一次遇到这样的需求，结果真的有办法能改变，真是让人"饿眉z影" ????先来一个input框<input confirm-type="search" bindconfirm="startSearch"></input>confirm-type有效值：search 右下角按钮会变为“搜索”send 右下角按钮会变为“发送”next 右下角按钮会变为“下一个”go 右下角按钮会变为“前往”done 右下角按钮会变为“完成”bindconfirm代表：绑定的事

2020-06-05 21:14:41 2889

原创小程序使用百度API获取实时天气

效果如图：第一步.先到百度开放平台http://lbsyun.baidu.com注册，申请ak；在我的应用里可以找到申请好的akhttp://lbsyun.baidu.com/index.php?title=wxjsapi/guide/key第二步.下载百度API，建议使用压缩版本点击直接下载：https://mapopen-website-wiki.cdn.bcebos.com/wechat-api/wxapp-jsapi-master.zip解压后的文件 wxapp-jsapi-master

2020-06-05 17:10:25 811

原创 uniapp 自定义多框输入验证码/支付密码

样式很简单，大家主要看功能哈哈哈效果图需求手动输入验证码，监听数据变化，输入后自动跳转页面代码实现<template> <view class="wrap"> <view class="wrap-header"> <view class="wrap-header-item">请输入验证码</view> </view> <view> <view class="input-wrap"

2020-05-23 15:13:37 2888 4

原创 uniapp 循环绑定点击事件跳转对应页面

效果图目录如下从my.vue 跳转card order favorite代码实现 ①温馨提示：用navigateTo方法跳转左上角自带返回键如不需要返回功能用redirectTo / reLaunch 都可<template> <view class="wrap"> <view class="meun-wrap" > <view class="meuns" v-for="(item,index) in meunsList

2020-05-18 21:19:39 8622 5

原创 uniapp 显示年月日（好使！）

效果图代码实现<template> <view class="content"> <view class="text-area"> <text class="title">{{date}}</text> </view> </view></template><script> export default { data() { return { date:

2020-05-16 16:13:39 1760 1

原创 web常见漏洞----XSS攻击

1.XSS跨站脚本攻击XSS：向web页面或者网页的url里添加恶意的脚本代码。在用户访问页面时，会执行恶意代码，从而达到攻击网页的目的。2.什么情况下会被攻击？网站对用户的输入过滤不足，返回给用户的展示结果过滤不足。网站的链接地址未经过过滤3.有哪几类攻击方式？XSS攻击分为3类：存储型（持久型)、反射型（非持久型）、基于DOM型。危害程度递减。① 存储型（Stored/...

2020-03-10 18:52:31 666

原创从输入 URL 到页面加载完成的过程中都发生了什么事情？

百度了一下，好像是个挺经典的面试题。所以在此做个记录吧，也给你们你分享下~1.浏览器接受URLURL包含的内容：传输协议；存在该资源的服务器名称；资源在服务器上的路径和文件名称；查询字符和标识符。2.将URL与缓存进行对比如果请求的页面在缓存中并且未过期，浏览器根据首部字段判断是否进行缓存，如果可以，响应会被存储起来。如果缓存过期，浏览器会进行缓存协商，向服务器发起请求询问资源是...

2020-03-08 18:15:53 147

空空如也

后台管理项目，动态菜单

获取不到input的最新值

Vant的日历组件，怎么默认当天时间？

如何优雅实现页面动态样式

vue 后台管理，按钮权限

vue 后台管理，权限问题

两个多维数组作对比，取出相同值，有什么好办法？