![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
es6/vue
@Winner
人生在现实的情况下制定自己的目标,当达到目标的同时再去修正目标。不是一蹴而就。
展开
-
uniapp 返回上一页 携带参数 修改上页面的参数
有些场景我们需要从A页面带着参数到B页面,然后再B页面去修改A页面的这个参数。如果是uniapp封装的app,需要安装uniapp内置的调试器。原创 2022-06-07 16:59:29 · 3989 阅读 · 0 评论 -
echarts的tooltip显示百分号 加 % 的几种方式
echarts的tooltip显示百分号 加 % 的几种方式阐述在项目上线以后,需要根据后端的数据来源,前端渲染页面时,echarts需要前端自行给页面添加 % 。根据上图效果,可以看到有两个地方需要添加 % 的。一个是是悬浮框提示信息里面,另一个地方柱状图上方需要添加 %。解决方案如下:首先我们给悬浮添加 %,需要操作 tooltip 下的 format ,代码如下:tooltip: { trigger: "axis", axisPointer: { type: "shadow原创 2022-05-25 18:50:51 · 12198 阅读 · 1 评论 -
vue项目过大编译速度慢的,下载dynamic-import-node插件。vue项目生产环境去掉 console
vue项目过大编译速度慢的,下载dynamic-import-node插件。vue项目生产环境去掉 console阐述公司项目过大,编译速度慢,下载dynamic-import-node 插件。如果要避免生产环境下在控制台打印console的信息,下载安装 babel-plugin-transform-remove-console安装方式如下:yarn add babel-plugin-transform-remove-consoleyarn add dynamic-import-nod原创 2022-05-23 17:05:51 · 868 阅读 · 0 评论 -
vue对象如何传变量进行取值
vue对象如何传变量进行取值阐述在开发的过程中,在使用key取值的时候,key 不一定要是一个固定的,也有可能是一个变量。案例代码如下:let key1 = 'name';let objectList = { 'id': '1', [key1]: '李四'};console.log(objectList['id']) // "1"console.log(objectList[key1]) // "李四"console.log(objectList.id) // '1'根据k原创 2022-04-25 15:57:57 · 3320 阅读 · 0 评论 -
vue图形验证码
Vue图形验证码组件可以自行封装一下,放在components目录下。<template> <span class="s-canvas" @click="changeCode"> <canvas id="s-canvas" :width="contentWidth" :height="contentHeight"></canvas> </span></template><script>expor原创 2022-04-01 20:24:10 · 4218 阅读 · 2 评论 -
mac安装 nodemon报错
mac安装 nodemon报错, 如下图mac 下面执行 npm install -g nodemon 报错如下图。因为Mac系统有权限问题。所以需要执行其他的命令来安装 nodemon解决方案如下:执行以下命令:ps:执行 sudo npm install nodemon -g 需要输入密码npm config set prefix /usr/localsudo npm install nodemon -g安装成功如下图:...原创 2022-01-03 23:42:53 · 1668 阅读 · 4 评论 -
vue播放m3u8浏览器报Uncaught (in promise) DOMException: play() failed because the user didn‘t interact with
vue播放m3u8浏览器报Uncaught (in promise) DOMException: play() failed because the user didn’t interact with原因:Chrome 为了避免标签产生随机噪音。解决办法:在 video标签上加 muted<video muted id="singleVideo" class="video video-js vjs-default-skin" src=" " controls="controls"&原创 2021-12-06 15:35:43 · 1943 阅读 · 1 评论 -
在运行vue项目报Syntax Error: Error: Cannot find module ‘less‘
排查问题:先看下根目录下面的package.json 里面有没有 “less-loader”: “5.0.0”, 如果没有,请安装:npm install less-loader。如果安装了,还是继续报同样的问题,那么此时执行命令:npm install less -–save-dev,再次尝试重新运行。...原创 2021-12-04 18:09:04 · 4561 阅读 · 1 评论 -
Vue 安装 less 报错 While resolving: hblvbigdata@0.1.0
Vue 安装 less 报错 While resolving: hblvbigdata@0.1.0F:\Workspace\project\hhhs\wudslyh5\big-data\hblvbigdata>npm install less less-loader --save-devnpm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolvenpm ERR!npm ERR! While resolving: hblvbigdata@原创 2021-11-30 17:34:12 · 2789 阅读 · 0 评论 -
uniapp使用scroll-view实现左右,上下滑动
uniapp使用scroll-view实现左右,上下滑动阐述我们在项目中往往都能遇到实现左右滑动跟上下滑动的需求,不需要安装better-scroll uniapp 自带的scroll-view 就可以实现了。实现左右滑动<view class="model_scrollx flex_row"> <scroll-view class="uni-swiper-tab" scroll-x :style="'height:'+scrollH+'px'"> <view原创 2021-07-21 10:17:48 · 14225 阅读 · 1 评论 -
vue cli3 在build 打包完成,访问的时候空白页,路径错误
vue cli3 在build 打包的完成,访问的时候空白页,路径错误阐述在使用cli3 开发的过程中,不会出现空白页的问题,因为都是访问的localhost。但是项目完成以后,打包上线,访问的时候出现空白页。解决方案如下:在src文件夹同级目录下创建vue.config.js文件这里在网上查看的有的是写:baseUrl,在npm run serve的时候发现会报错:Invalid options in vue.config.js: “baseUrl” is not allowed。原因是c原创 2021-06-04 15:45:34 · 1266 阅读 · 1 评论 -
did you register the component correctly? For recursive components, make sure to provide the “name“
vue引用组件 did you register the component correctly? For recursive components, make sure to provide the “name”阐述问题:在项目中用到了vue引用外部组件,报以上错误,百度了好半天,发现跟自己的问题还是不符合。下面说下我的问题所在。错误信息及错误截图通过以下错误可以看到,大概的意思就是:正确注册组件了吗?对于递归组件,请确保提供“name”选项。其实我的这个问题不在子组件,折腾了半天,更换原创 2021-06-02 16:28:46 · 6728 阅读 · 0 评论 -
vue渲染Echarts图表请求后台数据返回{ob: Observer}
阐述最近因公司需求,使用echarts图表来实现部分功能,但是使用过程中遇到了以下问题的几个坑,则过来分享一下解决bug的过程,避免小伙伴们再次入坑。因每个人遇到的问题都不同,以下问题仅供参考。vue渲染echarts之排查问题数据写死在echarts里面就可以,但是网络异步请求回来的就不行,后来以为是数据没有得到,在echarts图表里面打印了以下,数据也得到了了。又打印了echarts的 options,发现数据也被添加到里面了,但是页面上还是没有。后来发现 console.log的时原创 2021-05-29 16:14:02 · 1144 阅读 · 9 评论 -
uniapp表单验证手机号
uniapp 表单验证阐述:在业务需求的时候,有些是必填的字段,这时候我们如果使用普通的验证显然太麻烦了。此时uniapp提供了一套验证的规则。验证代码如下:注意:这里form表单是必须的。<template> <view> <form @submit="_formSubmit"> <view class="content"> <view> <image class="backimg" src=原创 2021-04-13 16:07:01 · 8179 阅读 · 0 评论 -
vue.js怎么把vue组件export default({ })中的代码抽取到js文件中
阐述因为有时候页面的需求很大的时候,就要在*.vue的文件中既要写很多的html代码,还在在export default{}中写很多的代码,页面就很长,也很乱了,我想问的是可不可以把export default{}中的js代码分离到一个.js文件中,再通过import引入来使用的呢?解决方案如下一般写vue-cli创建项目的时候,组件是*.vue,这个组件里面的js部分都写在如下格式内:export default { data() {}, methods: {}}index.js文件原创 2021-03-09 15:07:35 · 2336 阅读 · 2 评论 -
在webpack安装style-loader的时候报Module build failed: CssSyntaxError
在webpack安装style-loader的时候报Module build failed: CssSyntaxError在执行打包的时候,具体错误信息如下:G:\vue\代码\vue\webpack的使用\03-webpack的loader>npm run build> webpackconfig@1.0.0 build G:\vue\代码\vue\webpack的使用\03-webpack的loader> webpackHash: 446e3d1b59f2b335f4c1原创 2020-10-29 15:53:27 · 831 阅读 · 0 评论