哪有人敲代码不戴头盔的-优快云博客

今天使用antd vue 的嵌套子表格遇到了一个问题，子表格中的操作栏上的按钮需要根据点击变化，也就是说要根据数据来更改状态，但是改变数据后页面没有渲染<a-table :columns="columns" :scroll="{ x: true, y: 450 }" :data-source="data" rowKey="id" @expand="expand" :pagination="ipagination" @

2022-05-19 14:36:11 1413 1

原创 vue 一个倒计时组件

可直接使用<template> <div :style="config.style">{{ lastTime }}</div></template><script>const addZero = function(num) { return num < 10 ? "0" + num : String(num);};export default { props: { /** * @param time

2022-05-17 09:41:51 213

原创解决error ‘XXX‘ is not defined no-undef且项目没有eslintrc.js文件问题

问题描述这是因为eslint的语法校验导致的问题，文件是通过public的index.html中<script src="xxxxxx.js"></script>引入的，没有定义全局变量，项目没有eslintrc.js文件，但是可以在package.json中配置eslint规则在rules规则下，添加"no-undef": "off"即可...

2022-04-22 11:25:16 11764 3

原创 win11单独设置底部颜色,单独设置任务栏颜色

在win11系统中，默认的任务栏颜色为浅色，它可能会与白色的网页或界面重叠，影响视觉体验，使用起来很不爽，可以单独设置。桌面右键–>个性化–>模式选择成自定义然后把默认windows模式设置成深色即可。如果单独设置成深色，其他应用也会变成深色，所以单独设置要这样进行...

2022-04-21 15:19:27 2913

原创 js数组排序

var sdts = [ {name:"小明",age:30}, {name:"小红",age:20}, {name:"小花",age:40} ]compare(property, desc) { return function (a, b) { var value1 = a[property]; var value2 = b[property]; if (d

2022-04-08 16:42:54 235

原创 antd vue 表格的自动展开行

业务需求是加了二级目录后自动展开该项，开始使用的是 table的 defaultExpandedRowKeys这个属性，然后发现问题，这个属性只是在第一次渲染的时候有效，后面动态增加目录是不起作用，研究后转用 expandedRowKeys这个属性<a-table size="middle" @expand="onExpand" :expandedRowKeys="expandedRowKeys" rowKey="id" :columns="columns" :dataSource="da

2022-03-28 10:38:26 2486

原创再次使用vue-awesome-swiper做异形轮播

先上效果图依旧是面对百度编程，在vue中使用swiper最重要的就是用对版本，npm i 了几个版本后有各种细节问题，最后找到最佳组合vue-awesome-swiper@3.1.3swiper@4.5.1npm install swiper@5.3.6 --savenpm i vue-awesome-swiper@3 -S 页面按需引入html代码<swiper class="mySwiper" :options="swiperOption" ref="mySwiper"&g

2022-03-11 17:01:28 1890

原创 vue 点击下载图片直接打开问题解决

使用a标签通过download 属性下载文件只适用于同源的文件非同源的时候a标签的download属性无效，会发生跳转，并不会下载情景1：如果存在CORS问题，先将图片转成base64 ：（亲测有效）downloadIamge(imgsrc, name) {//下载图片地址和自定义图片名称let image = new Image();// 解决跨域 Canvas 污染问题image.setAttribute("crossOrigin", "anonymous");image.onload =

2022-02-22 18:07:37 1427

原创关于数组拷贝

需要数组拷贝时，使用了=赋值，slice()，concat()方法都不行，修改了原数组后拷贝数组也变了，原因是这个数组内容是object，而object是引用类型，需要使用深拷贝可以使用JSON.parse(JSON.stringify(arr))来拷贝，这样的两个数组不会相互影响对象拷贝的话使用{…object}...

2021-12-06 10:19:37 147

原创 antd design for vue的tree组件问题

antd design for vue的tree组件问题首先是去掉组件自带的小箭头可以通过css样式去掉/deep/ .ant-tree li span.ant-tree-switcher{ display: none;}然后是自定义图标照着官网文档可以自定义，主要是根据状态来改变图标这是文档中的根据是否selected来改变注意其中这个 { selected }，是这条数据的状态中的selected根据需求不同可以用不同状态来判断下面是我写的查看不同状态<tem

2021-11-04 18:02:50 593

原创 antd for vue table组件key报错

antd for vue table组件key报错Warning: [antdv: Each record in table should have a unique key prop,or set rowKey to an unique primary key.] Warning: [antdv: Table] Each record in dataSource of table should have a unique key prop, or set rowKey of Table to an u

2021-10-26 10:37:19 653

xml json互相转化

空空如也