m0_58889179的博客

原创 uniapp上传视频

url:'http://192.168.31.221:8080/common/upload', // 开发者服务器地址。sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有。name: 'file', // 文件对应的 key，服务器通过这个 key 获取文件内容。'user': 'test' // 其他额外的 form data。console.error('上传失败', err);camera: 'back', // 默认为后置摄像头。

原创 js 展开运算符作用（...）

js 扩展运算符

原创 vue 清除组件缓存

原创 js上传xls以及文件压缩包

原创 关于VUE3开发频繁引入ref，reactive，computed等基础函数。

利用unplugin-auto-import插件可以避免频繁引入ref，reactive，computed等基础函数。1.安装unplugin-auto-import依赖。2.在vite.config.ts中注入依赖。

原创 创建vue组件时高度为100vh时出现纵向滚动条

在index.html中添加 margin: 0;padding: 0;原因body自带margin属性。

原创 webpack打包优化方案

调试工具：安装webpack-bundle-analyzer打包可视化工具，可以看到打包文件大小，从而有针对性的优化。方案一：将第三方依赖包使用cdn进行引入减小文件包体积（例：vue-router，element-ui等）1.在vue.config.js文件中配置。在index.html中使用cdn引入。方案二：进行包的拆解。

原创 vue3组件之间通讯

当父组件向子组件传递数据，在子组件中并未声明使用则数据会暂存到组件$attrs中，此时子组件可以通过v-bind="$attrs",将这些暂存数据传递给孙组件中。插槽分为：默认插槽，具名插槽，作用域插槽(父组件插槽内容使用子组件数据)父组件通过provide传递数据，后代组件通过inject接收数据。组件通过defineExpose对外暴露要传递的数据，1. props，实现父组件向子组件通讯。2. emit，实现子组件向父组件通讯。3.mitt，实现任意组件之间通讯。

原创 ES6模块化暴露和引入设置

3.默认暴露（不进行特定暴露操作）1.通过export 分别暴露。2.通过export 统一暴露。

原创 uniapp 自定义页面顶部导航栏

2.获取不同手机顶部自带 电量高度、信号、时间导航栏高度 和 状态栏和胶囊按钮的间隙高度。如图：红色背景色为手机顶部自带高度，黄色背景为状态栏和胶囊按钮间隙高度。

原创 vue页面滚动条触底事件

html 滚动区域外层div添加属性 ref，id，@scroll。在mounted函数中使用document设置监控div属性。在mathods中监控滚动事件。

原创 关于flex布局justify-content:space-around最后一行不对齐

在最外层添加一个伪类即可。最后一行没有被填充,

原创 Echarts使用常见问题大全

通过console.info("banben", this.$echarts.version);查看使用echarts版本。问题：使用Vue项目中引入Echarts图表后查看图表数据，鼠标点击图表位置和焦点图表内容不一致问题。如图所示，红色箭头位置为鼠标所在位置却展示黄色区域内容信息。不能只看package.json中echarts版本。

原创 vue修改表单数据，没有提交但是表格数据跟着变化。

解决方案：在表单页面重新给数据赋值。原因：表单数据直接引用表格数据。

原创 element el-dialog 对话框显示问题

解决方案：el-dialog添加 :append-to-body="true" 属性。问题二：全屏状态下，点击浏览器回退按钮，对话框关闭遮罩层显示。问题一：遮罩层，遮挡对话框。

原创 element 使用 el-descriptions 组件页面莫名奇妙出现冒号 ‘ : ’

element 使用 el-descriptions 组件页面莫名奇妙出现冒号 ‘ : ’

原创 npm rebuild node-sass 报错

解决方案二： 按照package.json重新下载node-sass和sass-loader，然后执行 cnpm i -D node-sass 再执行 npm rebuild node-sass。解决方案一：执行cnpm i -D node-sass 再执行 npm rebuild node-sass。

原创 HTML页面隐藏右侧滚动条

滚动条隐藏滚动条显示。

原创 uniapp微信小程序，转发页面，分享朋友圈

title: '分享标题',title: '分享标题',

原创 多行文本输入框如何实现，换行回显。

2.内容放到接口时，会出现\n标识。

原创 微信小程序swiper禁止左右横划切换swiper-item

在上设置catch:touchmove拦截，然后在其中嵌套使用，此时左右滑动和scroll-view中的上下滑动都是不行的，需要设置的高度，然后swiper-item 与 scroll-view及其中间的view都需要设置高度为100%，即可完成禁止左右滑动，允许内容上下滑动的效果。

原创 VUE实现PC页面微信二维码支付

1.生成订单获取订单号，支付金额（调用后端订单生成接口）3.使用QRCode将codeurl转化为二维码。2.调用支付接口获取codeUrl。3-2在mine.js引入插件。3-3在页面使用QRCode。3-1安装QRCode插件。

原创 uniapp生成小程序链接

uniapp获取access_token，APPSecret是小程序秘钥一般有后端保存，所以access_token一般有后端提供。1.获取access_token一般都是从后台获取。

原创 页面使用自定义字体

修改字体样式

原创 通过鼠标选中文字，实现对文字进行标注，取消标注

通过js对鼠标选中文字，实现对文字进行标注，取消标注

原创 vue项目运行、打包常见终端错误

1.找到gulpfile.js文件。

原创 js中split如何通过多个字符对字符串进行分割

【代码】js中split如何通过多个字符对字符串进行分割。

原创 微信公众号消息跳转小程序传参数问题

正常情况下公众号消息跳转小程序后可以正常接收到公众号传来的参数，但是将小程序清除后点击公众号消息跳转小程序后又接收不到公众号传来的参数了。清除小程序后，公众号跳转小程序页面发生重定向了，意思就是把参数传到别的页面上了，所以指定页面没有接收到这个参数。将接收参数的页面设置为启动页，这样参数就会正常的传入到启动页上，因为启动页为这个小程序运行的第一个页面。

原创 vue本地运行如何将localhost换为通过本地ip访问项目

修改config文件下面的index文件，将host换为本地ip。

原创 js获取当前年月入

/ 月份从0开始，所以需要加1。// 获取当前时间的年、月、日、时、分、秒。// 格式化时间字符串。

原创 解决js小数求和出现多位小数问题

解决js小数求和出现多位小数问题

原创 uniapp v-if在H5中有效，在微信小程序中无效

今天发现个奇怪现象v-if在小程序中页面中突然失效，查看其他页面中的v-if也是可以正常使用的。后来把v-if中this去掉就可以使用了有没有大佬知道这是什么原因吗？

原创 记录uniapp点击a页面搜索框跳转b页面获取b页面中搜索框

在b页面搜索框设置focus=true属性。

原创 uniapp 自定义组件内部onload、onshow函数不运行问题

解决方法：在methods中定义一个盛放onload和onshow中代码的函数（函数名：onLoadMethod）。在父组件显示该组件时通过ref调用子组件onLoadMethod方法。原因：在uniapp中，只有应用生命周期（项目生命周期）和页面生命周期，而onLoad和onShow属于页面的生命周期函数，所以组件中不会调用。问题：将写的页面代码，以组件形式展示时，组件中onLoad和onShow代码失效。

原创 关于uniapp项目中页面之间传递数据的三种方式

uniapp页面之间传值的三种方式

原创 利用transition标签实现v-if、v-show显示与隐藏的一个动画过渡效果

v-if、v-show实现动画过渡