- 博客(19)
- 收藏
- 关注
RSS订阅原创 vue 项目配置全局主题色
创建 vue 组件，将定义 css 变量的步骤放在一个单独的组件中，在 app.vue 页面去引用，进而应用全局。hexToRgb方法是将 hex 色值转为 rgb 类型，rgb 类型可调透明度。其中isHexColor方法是用来判断当前色值是否是#开头的 hex色值，2.在 app.vue 中引用组件并传入色值变量。这是最近刚学到的一种便捷操作，简直不要太方便。3.然后你在页面中就可以直接使用。利用 css 变量实现。
2024-05-24 15:49:34
212
原创 vue 项目引入 svg
url-loader是一款由Webpack社区贡献的插件，它能够将小尺寸的文件转换为Base64编码的URIs直接内联到你的代码中，而大文件则会交给file-loader处理。注意，如果url-loader的配置的 test 中有校验 svg 类型时，需要配置 exclude忽略掉存放 svg 文件的文件夹。创建icons文件夹，在icons文件夹下创建svg文件夹存放本地svg图标。创建icons文件夹，在icons文件夹下创建svg文件夹存放本地svg图标。require.context参数介绍。
2024-05-23 17:52:27
825
2
原创 vue3阻止a标签冒泡
冒泡是指当一个元素上的事件被触发时，它会向父元素传播，直到到达文档的根节点。在JS中，事件冒泡是默认行为。这意味着，如果你在一个子组件上绑定了一个事件，当该事件被触发时，它会沿着组件树向上冒泡，直到到达根组件。好啦 到此就结束了 又是记录问题的一天。在a标签上添加以下属性即可阻止冒泡。
2023-10-23 17:50:36
353
原创 pc端高德地图获取当前位置
2、定位超时，这时候可以将timeout设置的时间长一点，另外还有个别浏览器本身的定位接口就是黑洞（Chrome好像就是），完全没有回应，也会超时返回失败。如果，对定位不要求精准度的，可以使用获取到当前城市的api实现，3、部分套壳浏览器接入的定位服务在国外，有较大限制，失败率高。1、用户禁用了定位权限。
2023-01-07 14:15:28
2427
原创 uniapp input输入内容闪烁
问题：input在输入或者删除过快时，内容会闪动、自动删除解决：这个是v-model双向绑定惹的祸，需要用@input把v-model替换掉就可以啦
2022-12-07 11:42:38
1051
2
原创 一些常用css样式
1、超出隐藏文字单行溢出:overflow: hidden; // 溢出隐藏text-overflow: ellipsis; // 溢出用省略号显示white-space: nowrap; // 规定段落中的文本不进行换行多行文字溢出:overflow: hidden; // 溢出隐藏text-overflow: ellipsis; // 溢出用省略号显示display:-webkit-box; /
2022-12-06 15:44:26
99
原创 使用localStorage+cookie解决同一个主域名跨域
在做一个项目的时候 遇到一个这样的需求 ，一个项目分了多个域名比如xxx.com 、 aaa.xxx.com和bbb.xxx.com要求是需要在其中一个登录之后再打开另一个的时候直接显示登录状态（即公用一个token）；这个时候就遇到一个问题，由于浏览器的同源策略导致跨域，今天要解决的就是如何绕开这个跨域成功取到token（仅用于主域相同的情况）具体方法在登陆之后将token存入cookie中this.setCookie("tokens", data.token); setCookie(c_nam
2022-05-21 16:37:03
1028
原创 使用transition-group实现点击上下移动div的效果
首先使用transition-group时有一点要注意，就是key必须填写唯一且稳定的值，不能为数组的索引，下面图片是html部分点击事件的方法如下图，该方法是通过splice去改变数组的排序最终效果如下
2022-04-19 18:03:56
522
3
原创 v-for嵌套el-popover加上v-model显示异常问题
在使用el-popover时出现显示异常的bug，查找之后发现在v-for中使用时需要添加ref属性，在v-for中嵌套el-popover使用v-model时，点击不显示的解决方法如下给el-popover加一个可以操作dom的属性，在点击事件中按照下方书写即可。...
2022-04-19 17:17:42
2818
2
原创 vuedraggable的使用介绍
此篇文章做自己记录这篇文章有中文属性方法的介绍：https://juejin.cn/post/6844904150350692366官方示例：https://david-desmaisons.github.io/draggable-example/官方文档：https://github.com/SortableJS/Vue.Draggable#readme
2022-04-14 11:00:25
387
原创 uview中dropdown遮盖页面无法滑动问题
在使用uview的下拉菜单时，点击选择完成之后向上滚动页面无法滚动 于是就猜想是下拉菜单的遮罩层层级太高遮住了页面，解决方法如下：找到uview中的u-dropdown在此处添加v-show并分别在open和close中添加以下代码即可解决问题...
2022-03-05 14:18:24
1536
原创 解决vscode无法禁止使用cnpm问题
输入cnpm之后报错解决方法如下1、在电脑系统中搜索Windows PowerShell并以管理员身份打开2、在命令行中输入set-ExecutionPolicy RemoteSigned，按回车3、更改权限为A4、通过 get-ExecutionPolicy 查看当前的状态，显示RemoteSigned即可最后在回到vscode中安装cnpm即可参考文章：https://www.cnblogs.com/carriezhao/p/12618392.html...
2022-02-28 15:02:42
261
原创 vue element中信息回填时像回填的对象赋值后，赋值字段无法更改问题
例如以上图片跳转之后回填的信息不全 需要补充信息 这是就要像form对象中赋值如下 // 表格数据 this.form.body = data.body this.form.status = data.status this.form.sort = data.sort但是赋值之后在界面中无法修改---------解决问题如下this.$set(this.form, 'sort', data.sort) this.$set(t.
2022-02-19 14:03:50
1384
2
原创 element-ui中select下拉框添加分页以及更改下拉框高度
在select中加入分页组件就可实现带分页的下拉框，如下图此下是远程搜索若在添加远程搜索需要添加以下代码，首先在select中添加以下属性，如上图filterableremote:remote-method="remoteMethod1"然后在方法中这样写 async remoteMethod(query) { console.log(query, 'query') if (query !== '') { this.queryForm1
2021-11-27 09:59:23
4858
1
原创 element-ui中select树形控件以及多选标签消除检验提示信息
最近在写项目时遇到这样的情况：select框触发校验之后再次选择并且已经选择上内容了 但是校验提示信息就是不消失 查了很久最后找到解决办法 在此记录以防忘记问题就是这样的 已经有内容了 但是校验提示不会消失最先找到的解决办法是让prop和v-model保持一致 但是并没有起作用最终的解决办法是这样的，给这个select添加事件在方法中取消掉这个校验提示就可以啦！！！另外还有一个就是只要星号 这样的话就需要自己写校验提示了只要星号的方法就是将prop去掉 写上required就可
2021-11-26 16:18:36
1161
1
原创 element ui表格自定义合计行
前两天在做表格时，需要用到表格合计行，我是这样写的，话不多说上代码第一步就是先在table中添加show-summary使其显示合计行；接着就是添加:summary-method="getSummaries"自定义合计规则，方法getSummaries返回一个数组，数组中的各项就会填充在表格合计行中1、中的columns是每列的信息，data是每行的信息2、此处是在index=0的这一列显示为“总计”3、在这个方法是处理我从接口中取到的数据，然后将对应属性的值push到arr..
2021-09-08 16:49:32
4559
1
原创 vue父子组件传值
学习封装组件时了解到的父子组件传值，在此记录一下以免时间长忘记了！在父组件中需要先引入子组件如下图父子组件之间传值就需要用props如果需要在子组件中调用父组件的函数可以使用$parent实现注意：父页面引入的子组件中的msg-val名称需要和子组件中的props保持一致,queryForm是要传递给子组件的数据...
2021-09-07 14:33:54
71
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人