Cardhu丶-优快云博客

自定义锚点组件解决在路由为哈希模式下使用antd的anchor组件存在的问题antd的anchor组件通过修改URL来定位锚点跳转位置，而单页应用中如果使用哈希模式的路由，会导致当前路由没有定义而出现页面空白。解决方案1——重写antd组件的点击事件 const handleClick: AnchorProps['onClick'] = (e, link) => { e.preventDefault(); var srcolls = document.getElementById(l

2022-05-24 13:52:16 1628

原创关于子组件调用时ESLint报错的TypeError: n.indexOf is not a function问题定位及解决

关于子组件调用时ESLint报错的TypeError: n.indexOf is not a function问题定位及解决个人遇到的情况是这样的！！！1.在这个情况下，只引入了IsNormal单个组件时，整体的代码并没有报错，项目运行也没有问题![在这里插入图片描述](https://img-blog.csdnimg.cn/e1dd4e4a0ea9451a8cdeec4617edc72c.png2.在此基础上引入第二个组件NodeDetailList时，ESlint产生报错3.从报错内容去看

2022-05-24 09:32:34 1814

原创 VUE3.0监听容器宽度变化

VUE3.0监听容器宽度变化<template> <a-row class="table-box" ref="tableBox" /></template>不解释了，直接上代码<script lang="ts"> import { defineComponent, nextTick, onMounted, onUnmounted, reactive, ref } from 'vue'; export default defineComponen

2022-03-16 15:18:56 6629 2

原创 VUE3.0中使用SVG绘制折线箭头，并且添加线条流动动画

VUE3.0中使用SVG绘制折线箭头svg标签使用SVG 代码预定义形状元素defs 标签折线箭头绘制示例示例svg标签使用SVG 代码SVG 代码包括开启标签 svg 和关闭标签 /svg 。这是根元素。width 和 height 属性可设置此 SVG 文档的宽度和高度。version 属性可定义所使用的 SVG 版本，xmlns 属性可定义 SVG 命名空间。<svg></svg>预定义形状元素SVG 有一些预定义的形状元素，可被开发者使用和操作：矩形 rec

2022-03-10 10:15:17 6958

原创 websocket连接、mqtt连接

websocket、mqtt连接

2022-03-04 10:49:22 738

原创 VUE正则表达式验证规则合集

VUE正则表达式验证规则合集

2021-12-07 10:53:45 4298

原创 vue中使用高德地图marker标记点的setLabel，在不同层级下控制显示隐藏

vue中使用高德地图marker标记点的setLabel，在不同层级下控制显示隐藏设置点标注的文本标签marker.setLabel({ offset: new AMap.Pixel(1, 0), //设置文本标注偏移量 content: '<div>' + name + '</div>', //设置文本标注内容 direction: 'top', //设置文本标注方位});监听地图层级变化let _this = this;var logMapChange

2021-12-07 09:41:03 8792

原创 vue实现复制到粘贴板的功能

vue实现复制到粘贴板的功能html:<div @click="copyCode" />ts:const copyCode = () => { const copyUrl: any = document.createElement('textarea'); //创建一个textarea框获取需要复制的文本内容 copyUrl.value = props.code; const appDiv: any = document.getElementById('app');

2021-11-29 10:44:23 749

原创 VUE对数组中的Object对象进行去重处理

VUE对数组中的Object对象进行去重处理数组driverList = [ { driverName: '张三', age: 20 }, { driverName: '李四', age: 20 }, { driverName: '张三', age: 20 },]根据name去重处理let obj = {};this.driverList = this.driverList.reduce((cur, next) => { obj[next.driv

2021-11-05 10:25:46 897

原创前端获取接口状态码400的返回值

前端获取接口状态码400的返回值.catch((err) => { console.log(err.message); console.log(err.response.data); console.log(err.response.status); console.log(err.response.headers);})console.log(err.response);

2021-10-29 09:29:02 1522

原创表单setFieldsValue报错You cannot set a form field before rendering a field associated with the value

表单setFieldsValue报错You cannot set a form field before rendering a field associated with the value看了好多篇文章，解决方案不是this.$nextTick就是setTimeout实际上还是不能解决这个报错问题原因大致意思是不能在页面未渲染之前进行form表单设置既然以上两种方案都没用，那说明问题应该不在页面渲染的问题上，而是在于字段的对应上在执行form.setFieldsValue的时候，出现了多余

2021-09-08 10:34:31 985

原创 vue3下antd组件a-tree-select树形选择器treeNodeFilterProp切换title值查询失败

vue3下antd组件a-tree-select树形选择器treeNodeFilterProp切换title值查询失败bug复现初始菜单初始查询结果原因定位修改方法方法实现使用treeNode.props.title.children[0].children[0].children原理bug复现初始菜单初始查询结果原因定位之前在vue2＋ant-design-vue@^1.7.4，使用时，将tree API的treeNodeFilterProp属性设置为title，就可以针对title属性值进

2021-08-30 14:06:03 4913

原创 vue深度响应式原理理解，修改数据后页面无渲染

vue深度响应式原理理解，修改数据后页面无渲染Vue 无法检测 property 的添加或移除Vue 不能检测以下数组的变动当你利用索引直接设置一个数组项时当你修改数组的长度时举个例子由于 JavaScript 的限制，Vue 不能检测数组和对象的变化。尽管如此我们还是有一些办法来回避这些限制并保证它们的响应性。参考官方文档vue.jsVue 无法检测 property 的添加或移除由于 Vue 会在初始化实例时对 property 执行 getter/setter 转化，所以 property 必须

2021-08-27 09:02:18 498

空空如也

空空如也