<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[weixin_45150813的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/weixin_45150813</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; weixin_45150813]]></copyright><item><title><![CDATA[vue3 封装千分位分隔符自定义指令]]></title><link>https://blog.youkuaiyun.com/weixin_45150813/article/details/132679056</link><guid>https://blog.youkuaiyun.com/weixin_45150813/article/details/132679056</guid><author>weixin_45150813</author><pubDate>Mon, 04 Sep 2023 22:44:16 +0800</pubDate><description><![CDATA[vue3 封装千分位分隔符自定义指令]]></description><category></category></item><item><title><![CDATA[vue-router路由组件传参，参数改变，页面不刷新问题]]></title><link>https://blog.youkuaiyun.com/weixin_45150813/article/details/130596625</link><guid>https://blog.youkuaiyun.com/weixin_45150813/article/details/130596625</guid><author>weixin_45150813</author><pubDate>Wed, 10 May 2023 11:14:53 +0800</pubDate><description><![CDATA[vue路由组件传参，参数改变页面不刷新]]></description><category></category></item><item><title><![CDATA[vue打包并部署到nginx上]]></title><link>https://blog.youkuaiyun.com/weixin_45150813/article/details/130402841</link><guid>https://blog.youkuaiyun.com/weixin_45150813/article/details/130402841</guid><author>weixin_45150813</author><pubDate>Thu, 27 Apr 2023 13:45:16 +0800</pubDate><description><![CDATA[nginx部署vue项目]]></description><category></category></item><item><title><![CDATA[vue 实现在线预览excel]]></title><link>https://blog.youkuaiyun.com/weixin_45150813/article/details/129121198</link><guid>https://blog.youkuaiyun.com/weixin_45150813/article/details/129121198</guid><author>weixin_45150813</author><pubDate>Mon, 20 Feb 2023 11:53:38 +0800</pubDate><description><![CDATA[vue项目中在线预览excel]]></description><category></category></item><item><title><![CDATA[v-for为何需要使用key]]></title><link>https://blog.youkuaiyun.com/weixin_45150813/article/details/128877101</link><guid>https://blog.youkuaiyun.com/weixin_45150813/article/details/128877101</guid><author>weixin_45150813</author><pubDate>Fri, 03 Feb 2023 22:54:15 +0800</pubDate><description><![CDATA[v-for为何需要使用key]]></description><category></category></item><item><title><![CDATA[解决vue3中使用echart echart报错:Cannot read properties of undefined (reading ‘type‘)]]></title><link>https://blog.youkuaiyun.com/weixin_45150813/article/details/128182858</link><guid>https://blog.youkuaiyun.com/weixin_45150813/article/details/128182858</guid><author>weixin_45150813</author><pubDate>Mon, 05 Dec 2022 10:55:23 +0800</pubDate><description><![CDATA[解决vue3中使用echart出现如下报错：Cannot read properties of undefined (reading ‘type‘)


把echart实例对象不要用ref等响应式保存，可以使用shallowRef等浅层作用进行保存。点击前往官网查看

具体代码：]]></description><category></category></item><item><title><![CDATA[基于element-ui封装侧边栏菜单，可无限展开]]></title><link>https://blog.youkuaiyun.com/weixin_45150813/article/details/127007924</link><guid>https://blog.youkuaiyun.com/weixin_45150813/article/details/127007924</guid><author>weixin_45150813</author><pubDate>Fri, 23 Sep 2022 13:43:21 +0800</pubDate><description><![CDATA[基于element-ui封装侧边栏菜单，动态生成]]></description><category></category></item><item><title><![CDATA[Vue3+Vite3+Ts4配置移动端适配]]></title><link>https://blog.youkuaiyun.com/weixin_45150813/article/details/126568639</link><guid>https://blog.youkuaiyun.com/weixin_45150813/article/details/126568639</guid><author>weixin_45150813</author><pubDate>Sun, 28 Aug 2022 12:55:30 +0800</pubDate><description><![CDATA[vue3+vit3+ts4配置移动端适配]]></description><category></category></item><item><title><![CDATA[vue 阻止change事件冒泡]]></title><link>https://blog.youkuaiyun.com/weixin_45150813/article/details/126224273</link><guid>https://blog.youkuaiyun.com/weixin_45150813/article/details/126224273</guid><author>weixin_45150813</author><pubDate>Mon, 08 Aug 2022 17:08:44 +0800</pubDate><description><![CDATA[switch组件阻止事件冒泡]]></description><category></category></item><item><title><![CDATA[react实现Modal弹窗]]></title><link>https://blog.youkuaiyun.com/weixin_45150813/article/details/126194465</link><guid>https://blog.youkuaiyun.com/weixin_45150813/article/details/126194465</guid><author>weixin_45150813</author><pubDate>Sat, 06 Aug 2022 14:29:37 +0800</pubDate><description><![CDATA[react实现Modal弹窗，支持组件调用以及函数调用]]></description><category></category></item><item><title><![CDATA[React实现虚拟列表]]></title><link>https://blog.youkuaiyun.com/weixin_45150813/article/details/125784599</link><guid>https://blog.youkuaiyun.com/weixin_45150813/article/details/125784599</guid><author>weixin_45150813</author><pubDate>Sat, 16 Jul 2022 11:16:37 +0800</pubDate><description><![CDATA[React实现虚拟列表。]]></description><category></category></item><item><title><![CDATA[Iview组件库 如何解决Tooltip内容被遮挡]]></title><link>https://blog.youkuaiyun.com/weixin_45150813/article/details/125777628</link><guid>https://blog.youkuaiyun.com/weixin_45150813/article/details/125777628</guid><author>weixin_45150813</author><pubDate>Thu, 14 Jul 2022 09:56:24 +0800</pubDate><description><![CDATA[用表格展示数据时，有些数据过长，无法完全展示出来，因此使用Tooltip组件来显示过长的数据，又因为表头设置了fixed，因此会出现Tooltip显示的内容被表头遮挡，如下图
添加transfer， 便可完美解决
解决成功如图所示
iview官网对transfer的描述：......]]></description><category></category></item><item><title><![CDATA[vue中如何引入样式文件]]></title><link>https://blog.youkuaiyun.com/weixin_45150813/article/details/125737503</link><guid>https://blog.youkuaiyun.com/weixin_45150813/article/details/125737503</guid><author>weixin_45150813</author><pubDate>Tue, 12 Jul 2022 10:19:19 +0800</pubDate><description><![CDATA[vue中如何引入外部样式文件]]></description><category></category></item><item><title><![CDATA[如何解决img标签的src需要携带token]]></title><link>https://blog.youkuaiyun.com/weixin_45150813/article/details/125675029</link><guid>https://blog.youkuaiyun.com/weixin_45150813/article/details/125675029</guid><author>weixin_45150813</author><pubDate>Fri, 08 Jul 2022 11:45:45 +0800</pubDate><description><![CDATA[上传头像后需要回显头像，而后端给出的预览头像的接口需要携带token，因此直接在img标签的src属性怼上头像地址是不可行的，因为无法携带token。参考该大佬的思路，主要有一下两个思路：
1.先通过请求获取二进制图片，将图片转成base64，img标签的src属性可以解析base642.改变用户验证的方式，通过URL方式传token. 一般情况下用户token是放在header中的,但是img标签无法配置header。此文采用的是第一种方式，即转base64...]]></description><category></category></item><item><title><![CDATA[iview select组件创建条目 不选择或回车，创建界面一直存在]]></title><link>https://blog.youkuaiyun.com/weixin_45150813/article/details/125486216</link><guid>https://blog.youkuaiyun.com/weixin_45150813/article/details/125486216</guid><author>weixin_45150813</author><pubDate>Mon, 27 Jun 2022 16:17:44 +0800</pubDate><description><![CDATA[iview版本：4.5.0
问题复现：
使用iview的select组件创建条目，输入条目后，不点击或者回车，该创建条目的界面会一直存在，无法关闭，下次点击选择时，创建界面依旧会存在

解决办法：
比较暴力，通过v-if指令动态让其销毁，来解决创建界面一直存在的问题...]]></description><category></category></item><item><title><![CDATA[js 根据包名，在指定空间中创建对象]]></title><link>https://blog.youkuaiyun.com/weixin_45150813/article/details/125264351</link><guid>https://blog.youkuaiyun.com/weixin_45150813/article/details/125264351</guid><author>weixin_45150813</author><pubDate>Mon, 13 Jun 2022 17:35:49 +0800</pubDate><description><![CDATA[根据包名，在指定空间中创建对象]]></description><category></category></item><item><title><![CDATA[原生js实现全选、单选影响全选]]></title><link>https://blog.youkuaiyun.com/weixin_45150813/article/details/125221869</link><guid>https://blog.youkuaiyun.com/weixin_45150813/article/details/125221869</guid><author>weixin_45150813</author><pubDate>Fri, 10 Jun 2022 15:08:14 +0800</pubDate><description><![CDATA[原生js实现全选、单选]]></description><category></category></item><item><title><![CDATA[防抖、节流]]></title><link>https://blog.youkuaiyun.com/weixin_45150813/article/details/125146286</link><guid>https://blog.youkuaiyun.com/weixin_45150813/article/details/125146286</guid><author>weixin_45150813</author><pubDate>Mon, 06 Jun 2022 15:02:14 +0800</pubDate><description><![CDATA[尽管触发事件，但是我一定在事件触发 n 秒后才执行，如果你在一个事件触发的 n 秒内又触发了这个事件，那我就以新的事件的时间为准，n 秒后才执行，总之，就是要等你触发完事件 n 秒内不再触发事件，我才执行!
2.节流
2.1原理
持续触发事件，每隔一段时间，只执行一次事件...]]></description><category></category></item><item><title><![CDATA[如何降低npm版本]]></title><link>https://blog.youkuaiyun.com/weixin_45150813/article/details/124562671</link><guid>https://blog.youkuaiyun.com/weixin_45150813/article/details/124562671</guid><author>weixin_45150813</author><pubDate>Tue, 03 May 2022 22:06:03 +0800</pubDate><description><![CDATA[1、输入以下命令，其中@后面改为自己想要安装版本
npm install npm@6.4.1 -g

2、输入以下命令，查看npm版本是否降低成功
npm -v


]]></description><category></category></item><item><title><![CDATA[js 多维数组变成一维数组]]></title><link>https://blog.youkuaiyun.com/weixin_45150813/article/details/121177823</link><guid>https://blog.youkuaiyun.com/weixin_45150813/article/details/121177823</guid><author>weixin_45150813</author><pubDate>Sat, 06 Nov 2021 13:48:22 +0800</pubDate><description><![CDATA[一、所用方法即示例
1.concat
合并两个或多个数组，返回新数组，不会改变原数组
const a = [1,2,3]
const b = [7,4,1]
console.log(a.concat(b))
// [1,2,3,7,4,1]

2.apply
apply方法能劫持另外一个对象的方法， 继承另外一个对象的属性
apply方法能接受两个参数  =&gt; Function.apply(obj, args)
obj： 这个对象将代替Function类里this对象
args：这个是数组，它将作为参]]></description><category></category></item></channel></rss>