香菇怪-CSDN博客

原创 angular脚手架安装的踩坑记录

如果要安装angular的脚手架首先要先确保node的版本是在14.20.0以上，npm也要升级到9以上，至于为什么，这个是我同事告诉我的，也可以到官网上查看。当我安装了14.20.0的node以后执行ng命令还是报错：我起初以为是这个警告：npm WARN deprecated @npmcli/[email protected]: This functionality has been moved to @npmcli/fs的问题。后来感觉这个’ng’不是内部或者外部应该是和环境变量有关系，查了资料

2023-01-28 14:50:15 2974

原创使用el-tree 的setCheckedNodes报错：undefined (reading setCheckedNodes)解决办法

el-tree踩坑总结：今天有个需求要在子组件中（弹窗中写一个el-tree）因为要做回显，也就是一点进去就有上一次勾选过的。通过查看文档，觉得用setCheckedNodes最合适，然后在点进来就展示，我的第一反应就是在挂载的时候调用以下办法报错写法：(弹窗子组件)以为这样准备在弹窗挂载的时候调用就可以点进去就有回显，但是出现了报错，148打印出来的结果是undefined。报错信息如图：看到这样的报错经验告诉我是在执行这个方法的时候弹窗的DOM还没创建完成，找不到这个tree，但是很奇怪我明

2022-06-30 15:33:39 4786

原创使用无缝滚动列表插件vue-seamless-scroll

最近工作中需要做个大屏，大屏中有一个模块需要完成一个滚动列表，随后我就在网上找到了一个无缝滚动列表的插件vue-seamless-scroll可以实现无缝滚动列表插件插件文档：安装 | vue-seamless-scroll下面是使用方法：安装：下载完成以后先在组件中引入该插件：用法：在:data中一定要写你的列表数组，因为为了实现无缝循环滚动它需要在之前拷贝一份数据，去进行循环更替step的值越大，滚动速度越快，singleHeight 是单行停顿，为0则是不停顿不为0，则为每一

2022-06-29 10:52:10 1220

原创 VS code如何配置代码片段和一些快速搭建页面的代码片段

配置代码片段，通过自己设置的一些暗号可以快速的完成一些代码段，然后非一般的写代码如果你以前没有配置过代码片段：首先打开vs code先在你的任意一个项目中新建一个文件比如page.vue，在里面随便写上点你常用的代码，然后在vs code的页面左下角找到设置按钮，点开找到配置用户代码片段，如图：点击以后选择新建代码片段，然后输入你刚才的那个文件名称，然后vs code会新建一个json文件，然后就可以在里面写你的预设代码片段啦...

2022-06-28 11:45:55 1589

原创 VUE2.0实现高德地图选择地点后进行行政区边界划分

最终效果达到选择全部就描绘当前级联选择框下面的所有行政区，第二级开始描绘上一层加当前所有行政区预备知识：vue2.0、组件间传值、高德地图API（提前去高德地图提供的服务处申请好key）

2022-06-15 18:17:06 4021 3

原创完成类似el-pagination的分页组件，自定义样式

很多时候自己系统的风格和elementUI的组件风格相差太大了，又因为elmentUI的一些组件不太方便改样式，自己看了一下在页面中渲染出来的结构仿写一个最后的效果：结构就是前后两个按钮和一个ul li 列表，在加上flex布局实现HTML:<div class="pagination"> <div class="changeBotton" @click="lastPage"><i class="el-icon-ar

2022-05-18 13:46:25 621

原创 elementUI表格实现通过单元格里面的内容判定来改变单元格样式

上周的工作中需要实现这么一个需求，要根据表格中的值来改变单元格样式，要找到带有百分号的一行然后通过百分数是否大于零来判定是否给单元格加样式，表格很简单是运用elementUI中的Table来完成，以下是我个人目前找到的解决办法，如果有更简单的方法欢迎交流。要改变单元格样式首先要找到elementUI官方文档中的cell-style单元格的 style 的回调方法，也可以使用一个固定的 Object 为所有单元格设置一样的 Style。通过阅读...

2022-05-10 11:33:26 2150 3

原创 v-if导致用ref取不到元素的解决办法

今天在写一个功能的时候需要给一个用ref取到并且用this.$refs("")获取到的元素并且用this.$refs("XXX")[0].style渲染出来的div加一个提示框，当时第一反应是用vue的Tooltip 文字提示组件，比较方便，就用el-tooltip在外面包了一层。错误写法：需要提示的内容是需要在页面进行某一操作后才可以得到的，所以有可能是undefined，就自然而然的加入了v-if，但是只要这个v-if加上就开始报错，打印出来发现是this.$refs("")获取到的值u..

2022-05-09 17:24:25 7113 3

转载跨域问题面试回答

cors：服务器端配置，不用前端配置(真正意义上的解决跨域) jsonp：利用script标签的src属性不受同源策略限制的特点，但只能解决get请求，需前后端配合代理服务器：与前端页面同源，由他返回的数据就不存在跨域的问题，如图。（备注：代理服务器与服务器之间是非同源，但不存在跨域问题，是因为服务器之间采用的是http请求，而不是ajax技术）作者：zwtzzwwtt...

2022-04-22 11:03:44 100

TA关注的人

weixin_45905700的博客