
Vue
Vue项目中遇到的各种问题
Amrice_
这个作者很懒,什么都没留下…
展开
-
问题:element的el-cascader组件,如何在选择任意一级的内容的情况下,去掉前面的radio标签?
vue项目中需要使用element的el-cascader组件,并且可以选择任意一级的内容。还要去掉前面的radio标签。原创 2022-09-19 14:27:04 · 1550 阅读 · 1 评论 -
问题:在vue项目中使用EventSource建立连接,并使用hmacsha1签名?并且使用EventSource在header里面传参
在vue项目中需要使用EventSource实现服务端推送。原创 2022-08-02 11:16:17 · 4897 阅读 · 1 评论 -
问题:在vue中this.$router.push怎么使用,query和params 有何区别?
遇到的问题:在vue中this.$router.push怎么使用,query和params 有何区别?解决办法:query和params两者都是在Vue路由中传参。用法: query用path来引入,params只能用name来传递,不能使用path。注意:如果在params中,把name写成了path,接收参数页面会是undefined。展示效果:query更像ajax中get请求(会在地址栏显示参数),而params更像post方式传递(不会在地址栏显示参数)1.query.原创 2022-04-12 15:01:46 · 1305 阅读 · 0 评论 -
问题:引入vuex 报错警告 “export ‘injec‘ was not found in ‘vue‘ ”,怎么解决?
遇到的问题:在引入Vuex时 警告 "export ‘inject’ was not found in ‘vue’。同时控制台报错。vue/cli 版本 4.5.13。创建项目时没有下载vuex 后期自己下载的,看了一下下载的vuex版本时4.x.x 页面报错解决办法:1、看一下自己的vuex版本是不是4.x.x ,如果是,先卸载vuexnpm uninstall vuex2、重新下载vuexnpm install vuex@3.1.0 --save...原创 2022-03-30 17:04:43 · 2261 阅读 · 0 评论 -
问题:vue-cli failed to download repo vuejs-templates/webpack:connect etimedout连接超时,怎么解决
遇到的问题:在使用vue-cli脚手架vue initwebpackmy-login-library 创建vue项目时报错,提示连接超时,应该是下载某个package的时候,需要翻墙,导致出现连接超时。超时错误截图如下:解决办法:此问题的解决办法是改为离线创建。我们需要下载github仓库中的vue-templates/webpack,然后解压到本地。下载地址为:https://github.com/vuejs-templates/webpack,下载之后,解压到本地用户目录下的.vu...原创 2022-03-24 11:57:19 · 6230 阅读 · 1 评论 -
问题:vue项目在npm run serve命令运行以后,控制台报错sockjs.js net::ERR_CONNECTION_TIMED_OUT?
遇到的问题:在使用vue-cli脚手架创建的项目,项目在npm run serve命令运行以后,控制台报错,sockjs.js?9be2:1606 GET http://192.168.1.51:8080/sockjs-node/info?t=1594198586945 net::ERR_CONNECTION_TIMED_OUT错误分析:sockjs-node是一个JavaScript库,提供跨浏览器JavaScript的API,创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。.原创 2022-02-21 15:22:29 · 504 阅读 · 0 评论 -
问题:在elementUI中使用el-time-picker,如何只显示时分,还有怎么设置时间范围?
遇到的问题:在elementUI中使用el-time-picker,如何只显示时分,并添加范围校验?解决办法:<el-time-picker v-model="dataList.startTime" format='HH:mm' 设置下拉框时间格式 value-format="HH:mm" 设置返回值时间格式 :picker-options="{ 校验开始时间不得大于结束时间或最大时间值 selectableR原创 2022-02-17 15:28:51 · 8330 阅读 · 0 评论 -
问题:在vue中处理后台返回的图片流,并将图片流显示在页面中,如何解决?
遇到的问题:在vue项目中请求axios接口,后端返回的图片是二进制流数据,如果直接在img标签下的src中使用是没有用的。怎么样将图片流显示在页面中呢?解决方法:(一)、response-type为blob类型a. 把response-type改为blob类型b.在请求后端接口返回data时,调用window的URL方法。//完整代码<img :src="imgUrl " />axios.get('url',{ params:{ ...原创 2022-02-16 15:43:07 · 10051 阅读 · 0 评论 -
问题:在vue项目中如何使用element-ui的照片墙功能?
遇到的问题:在vue项目中如何使用element-ui的照片墙功能,限制只上传9张照片fileList?尤其是在编辑的情况下。解决方法:<el-upload action="https://jsonplaceholder.typicode.com/posts/" list-type="picture-card" multiple :headers="headers" :before-upload="beforeadUrlUpload" :on-success="h.原创 2022-02-14 15:08:29 · 524 阅读 · 0 评论 -
问题:npm如何设置仓库地址?
遇到的问题:在vue项目中npm如何设置仓库地址呢?解决方法:一、查看当前地址:npm config get registry https://registry.npmjs.org/npm config get disturlundefined二、设置当前地址(设置为淘宝镜像):npm config set registry http://registry.npm.taobao.org/三、设置当前地址(设置为默认地址):npm config set regi原创 2021-08-25 17:31:37 · 7949 阅读 · 1 评论 -
问题:在vue项目中如何使用RSA进行加密?
遇到的问题:在vue项目中如何使用RSA进行加密?解决思路: 使用jsencrypt进行加密。一般是客户端初始化时访问登录服务时,服务端面动态生成一对RSA对,公钥传给客户端,客户端拿到后,用户输入密码后,点登录时用公钥加密返回给服务端,服务端用私钥解就行了。解决方法:一、安装依赖 npm install jsencrypt --save二、main.js中引用依赖import JSEncrypt from 'jsencrypt'; Vue.prototype...原创 2021-08-10 11:32:51 · 511 阅读 · 0 评论 -
问题:在项目中动态加载视频,如何让视频懒加载,以便视频全部加载完?
遇到的问题:在项目中使用原生<video>标签动态加载播放视频,测试过程中发现,谷歌和火狐浏览器所呈现出来的效果就不相同。那么,如何让视频懒加载,以便视频全部加载完?解决思路:动态加载视频是否可以一次性全部加载完成,是否可以点击播放。这个问题看上去简单,但是由于PC/iOS/Android这些不同平台、不同的浏览器内核、甚至相同内核的不同版本,所实现的<video>属性、方法和事件差异较大,解决兼容性问题又给开发造成了很大困扰。那么,视频是否可以延迟加载,来达到我们需原创 2021-06-28 15:18:40 · 3037 阅读 · 0 评论 -
问题: 如何根据后台返回的id值,获取本地菜单对应的数据,创建动态的菜单呢?
遇到的问题:如何根据后台返回的id值,获取本地菜单对应的数据,创建动态的菜单呢?解决思路:1、将本地菜单数据构建平级数组。2、构建所需的菜单数组。3、创建所需的节点树。解决方法:1、本地的菜单数据,getMenuData{ "code":"000000", "msg": "成功", "data":[ { "id":1, "parentId":null, ..原创 2021-05-11 12:04:34 · 383 阅读 · 0 评论 -
2021年最新vue面试题及答案
1、什么是MVVM框架?它适用于哪些场景?MVVM框架是一个 Model-View-View Model框架,其中 ViewModel连接模型Model)和视图(View)。在数据操作比较多的场景中,MVVM框架更合适,有助于通过操作数据渲染页面。2、active- class是哪个组件的属性?它是 vue-router模块的 router-link组件的属性。3、如何定义Vue- router的动态路由?在静态路由名称前面添加冒号,例如,设置id动态路由参数,为路由对象的path属转载 2021-04-27 16:03:24 · 1525 阅读 · 0 评论 -
vue项目关闭eslint检查,vue关闭代码格式校验
eslint是一个JavaScript的校验插件,通常用来校验语法或代码的书写风格。关闭eslint检查有了eslint的检查,代码中的缩进、空格、空白行之类的都会被按照规范检查。但是,如果突然引入一个第三方加密的插件,怎么忽略该插件检查都不好使的情况下,最简单粗暴的方法就是关闭eslint检查。一、找到build/webpack.base.conf.js文件,作如下修改:二、你的build/webpack.base.conf.js文件或许这样:我是同时操作两个内容,才关闭掉。.转载 2021-04-25 15:36:50 · 610 阅读 · 0 评论 -
问题:在vue-cli2和vue-cli3中,如何在局域网通过IP访问项目?
遇到的问题:在vue-cli2和vue-cli3中,如何在局域网通过IP,使用pc和手机访问项目呢?解决方法:一、vue-cli2第一种方法:找到 your-project/build/webpack.dev.conf.js// const HOST = process.env.HOSTconst HOST = '172.20.x.xx'然后保存,重新启动一下服务,会发现 PC 地址栏已经变成:http://172.20.x.xx:8080了,然后用手机试一试,没问..原创 2021-04-20 15:21:23 · 969 阅读 · 0 评论 -
问题:vue或html在页面创建canvas画布时提示“cannot red property getContext of null“,怎么办?
遇到的问题:在vue项目中使用SVGA图标时,遇到了canvas画布<cannot read property "getContext" of null.>这样的错误,最后才知道是页面加载顺序引发的问题。解决思路:在一般的html页面中,js方法可以放在head中,也可以放在body标签结束前,但是两者是有一定的区别的。在head标签中时,一般只是进行加载,并不立即自动执行,需要被触发后才会执行。因此,当script标签位于此位置时,不会进行javascript中的变量初始化,因原创 2021-02-02 16:00:28 · 1681 阅读 · 0 评论 -
问题:在vue项目中table列表要怎么展示svga格式动画图标效果?
遇到的问题:最近在做项目的时候,需要在项目中table列表要怎么展示svga格式动画图标效果。第一次接触那么要怎么处理呢?解决思路:一、先了解一下svga是什么?SVGA 是一种跨平台的开源动画格式,同时兼容 iOS / Android / Web。SVGA 除了使用简单,性能卓越,同时让动画开发分工明确,各自专注各自的领域,大大减少动画交互的沟通成本,提升开发效率。动画设计师专注动画设计,通过工具输出 svga 动画文件,提供给开发工程师在集成 svga player 之后直接使用。动画开原创 2021-01-29 16:33:04 · 858 阅读 · 0 评论