<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Borage21的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Borage21</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Borage21]]></copyright><item><title><![CDATA[前端下载pdf文档（支持doc/excel/ppt/pdf/jpg、png等）]]></title><link>https://blog.youkuaiyun.com/Borage21/article/details/108253737</link><guid>https://blog.youkuaiyun.com/Borage21/article/details/108253737</guid><author>Borage21</author><pubDate>Thu, 27 Aug 2020 10:43:07 +0800</pubDate><description><![CDATA[一、前端有后台返回的各种文档在服务器上的链接地址，实现点击下载文件
1.以a链接点击下载文件列表
&lt;a v-for=“item in tips.filemaintains” :href="${item.filepath}" :download="${item.filename}" @click=“emitEvent(item.event, item)”&gt;{{item.filename}}
使用a标签的download属性来下载文档，其中pdf和图片，谷歌浏览器默认打开，因为有内置pdf浏览器，到]]></description><category></category></item><item><title><![CDATA[ie11下  input(input或者vue中input组件)输入框不能输入中文/不能切换输入法]]></title><link>https://blog.youkuaiyun.com/Borage21/article/details/98483148</link><guid>https://blog.youkuaiyun.com/Borage21/article/details/98483148</guid><author>Borage21</author><pubDate>Mon, 05 Aug 2019 14:05:23 +0800</pubDate><description><![CDATA[做vue项目发现elementui的el-input标签在ie11下不能输入中文，输入框聚焦时 不能切换输入法为中文，解决办法：
https://www.w3cschool.cn/doc_css/css-ime-mode.html
https://blog.youkuaiyun.com/tyjlearning/article/details/72625377
ime-mode属性
ime-mode: auto...]]></description><category></category></item><item><title><![CDATA[elementui  el-form 的一些使用心得]]></title><link>https://blog.youkuaiyun.com/Borage21/article/details/90776538</link><guid>https://blog.youkuaiyun.com/Borage21/article/details/90776538</guid><author>Borage21</author><pubDate>Tue, 04 Jun 2019 16:52:59 +0800</pubDate><description><![CDATA[1.根据条件让表单某一项禁用

在控件行内添加


:disabled="editFlag"

在data里定义editFlag 是true或者false

2.一个下拉选选中数据后 其他输入框的数据连带出来

数据都会在下拉列表接口中返回


&lt;el-select filterable v-model="interfaceExternal.surportM" placeholder...]]></description><category></category></item><item><title><![CDATA[vue  elementui  el-form  实现回车登陆]]></title><link>https://blog.youkuaiyun.com/Borage21/article/details/90696696</link><guid>https://blog.youkuaiyun.com/Borage21/article/details/90696696</guid><author>Borage21</author><pubDate>Thu, 30 May 2019 14:33:38 +0800</pubDate><description><![CDATA[1.在el-form 上添加


@submit.native.prevent


&lt;el-form :model="user" status-icon size="small" :rules="loginRules" ref="loginForm" @submit.native.prevent&gt;

2.在密码框


&lt;el-input type="password" plac...]]></description><category></category></item><item><title><![CDATA[路由地址不变 参数变化时  刷新本页面 重新加载信息]]></title><link>https://blog.youkuaiyun.com/Borage21/article/details/90664816</link><guid>https://blog.youkuaiyun.com/Borage21/article/details/90664816</guid><author>Borage21</author><pubDate>Wed, 29 May 2019 09:17:49 +0800</pubDate><description><![CDATA[例如 vue 后台系统 新增 修改 查看 用同一个路由页面

由列表进去编辑页面 再由编辑页面点击左侧菜单进去新增（有新增菜单）

就需要在路由不变 参数有变化的情况下 刷新本页面

// 监听路由


watch: {
  $route( to , from ){
    if(from.query.编辑页面导航栏携带的参数 !== ''){
      this.$refs....]]></description><category></category></item><item><title><![CDATA[vue后台系统  从详情页面  返回列表页面时  保存列表页原有显示  条件结果等显示]]></title><link>https://blog.youkuaiyun.com/Borage21/article/details/90607770</link><guid>https://blog.youkuaiyun.com/Borage21/article/details/90607770</guid><author>Borage21</author><pubDate>Mon, 27 May 2019 17:43:19 +0800</pubDate><description><![CDATA[一篇非常详细直白的博文推荐：

https://blog.youkuaiyun.com/yan263364/article/details/84402595

补充：

按照上述方法写完 有个问题：

从a列表的详情页面 直接点击左侧菜单栏 进入b/c列表 显示的还是缓存的a列表以及状态

需要在详情页路由离开之前做处理：


beforeRouteLeave(to, from, next){
  if...]]></description><category></category></item><item><title><![CDATA[axios响应拦截 接口500拦截报错信息]]></title><link>https://blog.youkuaiyun.com/Borage21/article/details/90607561</link><guid>https://blog.youkuaiyun.com/Borage21/article/details/90607561</guid><author>Borage21</author><pubDate>Mon, 27 May 2019 17:34:39 +0800</pubDate><description><![CDATA[axios响应拦截结构


service.interceptors.response.use(
  response =&gt; {
},error =&gt; { // for debug
  Message({
    message: error.response.data.message,
    type: 'error',
    duration: 5 * 1000
  })
  ...]]></description><category></category></item><item><title><![CDATA[前端js使浏览器窗口全屏与退出----浏览器全屏时  监测通过esc按键退出全屏 （退出全屏时有页面上的相关处理）]]></title><link>https://blog.youkuaiyun.com/Borage21/article/details/90446794</link><guid>https://blog.youkuaiyun.com/Borage21/article/details/90446794</guid><author>Borage21</author><pubDate>Wed, 22 May 2019 17:22:19 +0800</pubDate><description><![CDATA[vue项目 项目分为顶部导航、侧边导航、以及右边mainContent区域

需求是 让项目的其中一个页面有全屏功能 并且在全屏时隐藏掉顶部的顶导航栏

实现：

1.在state里 定义一个全局flag 根据这个flag来控制顶导航的显示与隐藏



定义在了usr module里 在store里引入就可以了

2.在页面上的操作

顶导航页面：

&lt;el-header ...]]></description><category></category></item><item><title><![CDATA[vue后台带token的图片回显]]></title><link>https://blog.youkuaiyun.com/Borage21/article/details/90229353</link><guid>https://blog.youkuaiyun.com/Borage21/article/details/90229353</guid><author>Borage21</author><pubDate>Wed, 15 May 2019 09:18:47 +0800</pubDate><description><![CDATA[图片上传之后 会存到服务器的某个地址

获取图片的时候 只需要把返回的图片地址赋给图片的src属性就可以了

后台网管校验 在图片地址后加上本地存储里的token
...]]></description><category></category></item><item><title><![CDATA[vue项目webpack打包后  字体失效]]></title><link>https://blog.youkuaiyun.com/Borage21/article/details/90199965</link><guid>https://blog.youkuaiyun.com/Borage21/article/details/90199965</guid><author>Borage21</author><pubDate>Tue, 14 May 2019 09:31:41 +0800</pubDate><description><![CDATA[打包之后的：font-family:\5FAE\8F6F…
多了一个反斜杠
定位是写字体的时用汉字的原因，汉字打包成会被译成编码
替换成对应的英文就可以了

]]></description><category></category></item><item><title><![CDATA[elementUI让table的某一列不显示  但需要在row里有数据携带到其他页面]]></title><link>https://blog.youkuaiyun.com/Borage21/article/details/90057046</link><guid>https://blog.youkuaiyun.com/Borage21/article/details/90057046</guid><author>Borage21</author><pubDate>Fri, 10 May 2019 14:01:39 +0800</pubDate><description><![CDATA[用v-if='show’就可以
table里不支持v-show

]]></description><category></category></item><item><title><![CDATA[FormData]]></title><link>https://blog.youkuaiyun.com/Borage21/article/details/89927786</link><guid>https://blog.youkuaiyun.com/Borage21/article/details/89927786</guid><author>Borage21</author><pubDate>Tue, 07 May 2019 19:31:59 +0800</pubDate><description><![CDATA[https://segmentfault.com/a/1190000006716454

]]></description><category></category></item><item><title><![CDATA[vue管理后台带token Excel导出]]></title><link>https://blog.youkuaiyun.com/Borage21/article/details/89574800</link><guid>https://blog.youkuaiyun.com/Borage21/article/details/89574800</guid><author>Borage21</author><pubDate>Fri, 26 Apr 2019 18:47:39 +0800</pubDate><description><![CDATA[之前做的导出都是不校验token的  a链接调用后台接口地址后边以get的方式携带参数就可以了；
今天做vue管理后台带token导出  以下附上参考链接：
https://www.jianshu.com/p/cb6925298a7c
https://blog.youkuaiyun.com/liujun03/article/details/84378942

...]]></description><category></category></item><item><title><![CDATA[d3缩进树]]></title><link>https://blog.youkuaiyun.com/Borage21/article/details/89149508</link><guid>https://blog.youkuaiyun.com/Borage21/article/details/89149508</guid><author>Borage21</author><pubDate>Tue, 09 Apr 2019 15:04:02 +0800</pubDate><description><![CDATA[d3缩进树及遇到的问题

参考：https://bl.ocks.org/mbostock/1093025
1.实现点击node上的text/rect元素  进行一些操作
&lt;1&gt;css部分注意点
.node text {pointer-events: none;}
//元素永远不会成为鼠标事件的target。但是，当其后代元素的p...]]></description><category></category></item><item><title><![CDATA[npm 如何使用网络代理]]></title><link>https://blog.youkuaiyun.com/Borage21/article/details/89146814</link><guid>https://blog.youkuaiyun.com/Borage21/article/details/89146814</guid><author>Borage21</author><pubDate>Tue, 09 Apr 2019 14:21:39 +0800</pubDate><description><![CDATA[windows系统cmd下设置代理（公司只能通过设置代理访问外网）
npm config set https-proxy http://server:port
npm config set proxy http://server:port
使用淘宝镜像
npm set registry http://registry.npm.taobao.org

...]]></description><category></category></item></channel></rss>