vue
sylvia_0815
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue + iframe + xterm iframe传值传不通刷新后可获取值
bug背景:我们需要做控制台,本来是以接口形式做的,但是后端觉得太捞就用了他推荐的原生 xterm.js + websocket模式。我是vue 包着 iframe ,iframe的url为静态的页面做的。结构如下:vue代码:<template> <div class="webSSH"> <iframe v-if="url" id="iframe" ref="iframe" :src="url" frameborder="0" style原创 2022-01-06 16:57:52 · 1056 阅读 · 0 评论 -
vue npm i 报错 Can‘t find Python executable “python“, you can set the PYTHON env variable.
情形: 前提:公司测试环境上线流程: 本地提交到 gitlab 再由 jenkis 打包。后端经理在自家更改了前端代码。只是说把element-ui的版本号提高。但是,之后我们前端的代码到测试服务器就异常,主要为样式显示不完全。本地打包后查看是完全好用的。经过多方排查,发现测试环境是提高了node和npm版本就好用了。因为环境的版本要一致那么,我们就需要升到指定版本就好。那么我们来提高node和npm吧。1. 安装指定版本的npm1.1安装淘宝镜像 即 npm转cnpm 防止npm安装过慢..原创 2021-08-25 18:14:46 · 644 阅读 · 0 评论 -
js/vue 下载二进制文件流
简单来说下载二进制文件流就是将二进制文件流存在 Blob 对象中,再将其转为 url 对象,最后通过 a 标签下载。//封装下载export function downLoadFetch(url, params = {}, config={}) { //取消 const downSource = axios.CancelToken.source(); document.getElementById('downAnimate').style.display = 'block';原创 2021-07-28 14:38:04 · 2694 阅读 · 0 评论 -
Vue的History模式和Hash模式的区别理解
1. hash模式早期前端路由的实现就是基于location.hash来实现,也就是锚点。本质上就是改变window.location的href属性。我们可以通过直接赋值location.hash来改变href, 但是页面不发生刷新。这也就是,单页面应用嘛。hash模式有下面几种特性:URL中hash值只是客户的一种状态,也就是说当向服务器发出请求时,hash部分是不会被发送的。hash值的改变,都会在浏览器的访问历史中增加一个记录。因此我们能通过浏览器的回退、前进按钮控制hash的切换。可以原创 2021-07-26 15:10:34 · 1452 阅读 · 0 评论 -
公众号引用js sdk ios兼容问题 报 permission value is offline verifying
项目场景:神兔侠公众号引用js sdk ios兼容问题 报 permission value is offline verifying问题描述:当需要获取权限时,安卓可以随时获取,但ios不可以。会出现无论是 选择拍照还是获取地理位置都报 **permission value is offline verifying** 问题。 原因分析:授权的概念:a页面需要授权,授权是要b页面,授权后是要更改a页面的某些参数的,但是苹果不会更改。安卓会自动更改。解决方案:import {原创 2021-06-30 19:16:03 · 801 阅读 · 0 评论 -
vue 本地访问局域网内(网关)接口 报错跨域 Access to XMLHttpRequest
报错如下:如上所示,其他后端可以随便链接,但该同事无论如何修改就是无法链接我的代码如下:这个里封装了请求 在这里要修改这个 baseURL一般都是如下:(引入: https://blog.youkuaiyun.com/weixin_45264991/article/details/104182742)所以 我的baseURL 是这样的代理的话 也就是要把这个baseURL改变成 /api 的形式那么 我们在vue.config.js 中需要...原创 2021-05-26 20:44:41 · 1877 阅读 · 2 评论 -
vue cli3.0 axios 请求报错 net::ERR_CONNECTION_REFUSED
第一个问题:在请求的地方 设置了请求头config.headers['Content-Type']='application/x-www-form-urlencoded';第二个问题出现了!然后... 请让你的开发伙伴帮忙测一下叭 。因为我的问题就是后端服务没有开呢。感谢https://blog.youkuaiyun.com/weixin_29491885/article/details/107314340?ops_request_misc=%257B%2522request%...原创 2021-05-21 18:03:58 · 2548 阅读 · 2 评论 -
vue cli2.0 npm run dev 报错10% building modules 1/1 modules 0 activeevents.js:200 throw er;
报错如下:起因是我需要局域网内调试 将 host 写成了 局域网的ip地址,但现在连接的是 网线。ip出现改变,遂报错。解决办法:找到自己的ip 替换之前的 host ip。原创 2021-05-07 18:36:04 · 622 阅读 · 0 评论 -
使用vue-cli2.0在局域网用其他机器调用页面
在 cofig -> index.js -> host 里面的原创 2021-04-28 16:05:18 · 200 阅读 · 0 评论 -
关于element 在mac上 日历插件会显示出错的问题
跟大佬们讨论,告诉我是翻译软件的问题解决方案:在 public/index.html 里边,那个 html en 造成的,取了就好。原创 2020-11-17 15:12:27 · 345 阅读 · 0 评论 -
element el-cascader 数据中有0项或者空 选择选项报错
报错场景: value渲染的id中有0项 被默认为错值 选择后 便报错修改方法:利用递归方法将 id == 0项 改为 id= 1即可 存入数据库也可回显递归方法如下delZeroRutrun(arr) { if (arr.length > 0) { for (let i in arr) { if (arr[i].children) { if (arr[i].id == 0 |...原创 2020-11-05 13:43:49 · 961 阅读 · 0 评论 -
关于JSON.parse(JSON.stringify(this.list))深拷贝浅拷贝的浅显使用
由上图可知,给我的是一个数组,但是要求的是一个是展示全部,而另一个展示的是二级(即只展示到公司)数据如下图已知删除对象中某个key以及key所关联值 的 方法 为 delete(对象.key名)但是如果用该方法 就会改变原始数组。我们就需要用到深拷贝方法。讲后端传来的数组 设置为原始数组。let father = [ {id:1,name:'一级'}, {id:2,name:'一级', child:[ ...原创 2020-10-08 10:38:03 · 3050 阅读 · 1 评论 -
vue + element excel表格导出/上传预览
1.导出a) 在项目中安装插件npm install -S file-saver xlsxnpm install -D script-loaderb)把这个文件放在下图所示位置接下来:直接贴源码<template> <div> <el-button :loading="downloadLoading" :size=size :type=type @click="exportBtn()">{{btn_text}}<.原创 2020-09-04 19:42:47 · 1306 阅读 · 0 评论 -
element table toggleRowSelection 踩坑
报错:打印这个jobControlSetBox_tableDataRef 结果是个数组修改方法:效果:原创 2020-08-27 11:30:32 · 2196 阅读 · 0 评论 -
js 把数组根据指定key名 变成二级数组
上面为 原数组下面为 需要的数组出现的场景: 憨批后端不给你改数据结构,只能苦命的自己改时。不要骂娘,不要气馁,只要你勇于百度,你终究会找到这篇文章的。getList() { let arr = this.list // arr 传过来的原数组 let tempArr = []; let endData = []; for (let i = 0; i < arr.length; i++) { ...原创 2020-08-18 16:06:32 · 724 阅读 · 1 评论 -
vue组件子传父报错:Avoid mutating a prop directly since the value will be overwritten whenever ...
具体报错:[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value.分析成因:vue组件是个单项数据流的设置,即父传子,反向不可。既然是个不可逆的过程,那么,在先传的值在..原创 2020-08-05 14:27:44 · 559 阅读 · 0 评论 -
vue动态渲染样式 class
<div class="不变的样式" :class="[判断条件 == 对不对?'对执行的样式':'错执行的样式']"></div>原创 2020-04-26 10:09:19 · 1101 阅读 · 0 评论 -
vue 数据刷新 但 dom层不刷新问题
vue + elementtable +el-input-number遇到一个坑:同样是 动态渲染的数据 在测试页面就很好用想了许久也找不到问题,猛然看到点击加号怎么也不好使旁边我还渲染了一个一样的数字它 和 计数器渲染的是同一个数字。计数器中的改变了,但是它没有改变。那么问题只有一个! 那就是!!!数据是改变了! 但是 dom没有改变!所以!...原创 2020-03-28 14:53:54 · 2275 阅读 · 0 评论 -
element + vue-quill-editor + 七牛云 实战报错总结
安装vue-quill-editornpm install vue-quill-editor --save安装 七牛云npm install qiniu-js官方文档:然后 在需要的页面引入importqsfrom'qs'import{quillEditor}from'vue-quill-editor'import'qui...原创 2020-03-19 13:16:47 · 1350 阅读 · 0 评论 -
vue2.0 cli2.0 打包 常见的问题 (已踩完坑)
会遇到的问题:1.打包完之后 白屏2.打包完之后 图片展示不出来3.打包完之后 想要在run项目 发现 报错 get ./解决问题1:配置如下:1.找到build下的utils.js 在use:loaders附近填写 添加publicPath:'../../',2.找到build下的webpack.prod.co...原创 2019-12-25 18:54:04 · 867 阅读 · 0 评论
分享