木木木小罗-CSDN博客

原创页面传参转换成对象形式的工具分享

一、出现的问题：页面传参时，通常要转换成对象形式，这时需要一个封装好的方法方便转换；二、解决办法：现整理了一个小工具，直接调用此方法即可实现；三、具体代码如下：大功告成！...

2022-07-07 15:33:46 205 1

原创 uView下拉菜单组件u-dropdown设置高度并防止滑动穿透

一、出现的问题：u-dropdown内容自定义时设置高度，滑动时会带动父级，真机滑动会出现问题这时就需要处理两个问题：定义内容时设置高度并设置可滑动，可以配合scroll-view组件使用处理真机滑动出现问题的情况（防止滑动穿透）二、解决办法：1、定义内容时设置高度并设置可滑动，可以配合scroll-view组件使用如下代码里的scroll-view组件，主要代码：<scroll-view scroll-y="true" style="height: 80vh;">2、处

2021-09-08 10:52:12 6866 2

原创小程序--设置字体大中小功能

一、需求项目经理说有些用户是老人，字太小看不清，但有些用户是年轻人，字太大显得笨拙，那好吧，给你自行设置好了！问题来了，手机系统设置的字体大小，打开小程序，木有作用T^T，看来只能自己做了。二、方法因为我用的是原生小程序开发，还好看到官方的page-meta方法，要不然估计只能转uniapp那种基于vue的框架才能实现了吧（没想到有什么好的办法了）。三、page-meta介绍https://developers.weixin.qq.com/miniprogram/dev/component/p

2021-07-26 10:07:25 10118 6

原创 Vue按需引入Echarts，并从V4版本升级到V5版本

一、原本的V4版本按需引入: main.js页面import Echarts from 'echarts/lib/echarts'import 'echarts/lib/chart/pie'import 'echarts/lib/chart/bar'import 'echarts/lib/chart/line'Vue.prototype.echarts = Echarts二、升级版本！！！注意：要先删除插件，再重新安装插件，要不然是没效果的（我就说咋没效果）删除echartsnpm

2021-07-15 11:29:08 5889

原创 Vantui按需引入样式问题解决

一、出现的问题Vantui按需引入能成功引入，但样式没了，官网好像没说到，查阅了资料才知道怎么改。二、正确的按需引入方式1、首先按照官网所说安装vaniui插件# Vue 2 项目，安装 Vant 2：npm i vant -S# Vue 3 项目，安装 Vant 3：npm i vant@next -S2、然后安装按需引入插件npm i babel-plugin-import -D3、在.babelrc 中添加配置{ "plugins": [ ["import",

2021-07-02 08:54:00 1462

原创关于elementui按需引入报错问题解决

一、出现的问题elementui按需引入官网有毒,是这么写的，但我发现一直报错，估计是版本原因吧，官网写死了。运行时报错：二、正确的按需引入方式1、首先按照官网所说安装插件npm install babel-plugin-component -D2、找到babel.config.js文件（找不到自己建一个与package.json同级）module.exports = { "plugins": [ [ "component", { "libraryName":

2021-05-13 11:50:20 3552

原创 elementui实现级联

一、要实现的交互有两种，分别需要两种方法实现（PS: 感觉应该还有别的实现方法，欢迎大佬们给出建议）1、三级级联单选思考：此时可以采用级联获取接口方式实现（每点一个节点，再调用下一级节点数据接口展示）官方需要以下格式，则在级联调用接口时拼成以下格式即可。代码：<el-cascader ref="tree" :value="optionsValue" :options="options" :props="{ checkStrictly: true }" placehol

2021-03-26 09:20:15 2279

原创 Vue使用Echarts实现广西地图（旧版）

效果图：步骤：一、下载Echarts二、代码1、<div class="map"> <div class="guangxi-map" id="guangxi-map" style="height: 100%;width: 100%;z-index: 10000;"> </div></div>2、JS代码引入guangxi绘制地图的数据的JS（我的资源库有下载）import '@/utils/guangxi'data ()

2021-03-18 09:58:53 915 2

原创遍历对象属性名称排序混乱的解决方法

一、出现的问题：用for in遍历对象后，出现排序混乱，如下图所示（按日期排序）：for(let key in obja){ dataArr.push(key);}遍历后放入数组的对象属性名称顺序：为什么会这样？查了资料说是ES版本以及浏览器的解析问题，先不管了，反正有解决的方法就行。二、解决办法：在遍历对象的时候进行对象的排序处理即可小知识点：sort()方法不填参数的时候，默认是按照字符编码的顺序进行排列的，也就是按照字母的顺序。但是同个大小写的字母字符编码不是连在一起的，

2021-02-25 14:41:14 1972 1

原创 uniapp使用环信插件实现视频通话

前言：因为我所做的项目需求是，接到后端推送视频消息，APP端点击消息跳转到通话页面进行1对1通话，而后端已经进行账号好友等的处理，环信提供的demo很多功能前端暂时用不到了，以下就把我用到的罗列出来。PS：本人并不是前端大神，第一次分享文章，有写不对的欢迎提出来哦，请大佬们多多包涵！一、引入插件首先，在插件市场https://ext.dcloud.net.cn/plugin?id=3507，按照官方文档集成参考说明，把所用到插件导入到你的项目中下载环信demo，以下是需要直接复制粘贴到你的

2021-02-01 17:21:55 3073 7

baichi2695的博客