![](https://img-blog.csdnimg.cn/20201207150449382.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。
奋斗的新丁
奋斗着并不断成长的菜鸟新丁
展开
-
NUXT使用axios解决跨域问题
安装npm install @nuxtjs/axios @nuxtjs/proxy --savenuxt.config.jsmodules: [ '@nuxtjs/axios','@nuxtjs/proxy' ], axios: { proxy: true, // 表示开启代理 prefix: '/', // 表示给请求url加个前缀 /api credentials: true // 表示跨域请求时是否需要使用凭证 }, prox原创 2021-07-28 22:18:45 · 397 阅读 · 0 评论 -
vue配置多个服务端请求地址(使用vue-admin-template举例说明)
在实际开发中,前端除了请求后端服务器还可能会请求文件服务器等,他们的地址是不一样的,例如后台地址是localhost:8001,文件服务器是localhost:8002,这里我使用vue-admin-template后台模板来举例如何配置。配置跨域代理在vue中使用proxy进行跨域的原理是:将域名发送给本地的服务器(启动vue项目的服务,loclahost:8080),再由本地的服务器去请求真正的服务器。首先,配置好前端跨域代理,在vue.config.js中其中process.en.原创 2021-07-01 10:15:29 · 19900 阅读 · 9 评论 -
Excel导出功能(简单方便好用)
参考:https://blog.csdn.net/qq_36403693/article/details/103336784前端代码 exportAll() { clockinApi.exportExcel(this.page).then(res => { const blob = new Blob([res], { type: 'application/vnd.ms-excel' }) const elink = document.crea原创 2021-01-27 11:14:08 · 352 阅读 · 0 评论 -
Element-UI中Drawer抽屉去除标题自带黑色边框
当点击事件drawer==true时,抽匣回打开这时抽匣的标题会出现一个难看的边框,好丑,所以要去掉它解决方法<style scoped> /deep/ :focus { outline: 0; }</style>vue组件中,在style设置为scoped的时候,里面在写样式对子组件是不生效的,如果想让某些样式对所以子组件都生效,可以使用 /deep/ 深度选择器。...原创 2021-01-19 11:04:05 · 1695 阅读 · 2 评论 -
比较Vue2与Vue3的响应式
vue2的响应式核心: 对象: 通过defineProperty对对象的已有属性值的读取和修改进行劫持(监视/拦截) 数组: 通过重写数组更新数组一系列更新元素的方法来实现元素修改的劫持 Object.defineProperty(data, 'count', { get () {}, set () {}})问题 对象直接新添加的属性或删除已有属性, 界面不会自动更新 直接通过下标替换元素或更新length, 界面不会自动更新 arr[1] = {} Vu原创 2020-12-24 16:55:20 · 292 阅读 · 1 评论 -
vscode配置(复制直接用)
打开settings.json文件直接复制粘贴下面代码{ // 控制在差异编辑器中是否把前导空格或尾随空格的改动显示为差异。 "diffEditor.ignoreTrimWhitespace": true, // 超时(以毫秒为单位),之后将取消差异计算。使用0表示没有超时。 "diffEditor.maxComputationTime": 5000, // 控制差异编辑器是否为添加/删除的更改显示 +/- 指示符号。 "diffEditor.renderIndicators": tr原创 2020-12-17 09:54:36 · 7215 阅读 · 4 评论 -
搭建VUE脚手架(二)---修改完善cli3
光创建完cli3脚手架只是成功了一半,现在还无法直接使用(确切地说还不好用),还需要继续改造1.创建vue.config.js'use strict'const path = require('path')function resolve (dir) { return path.join(__dirname, dir)}const name = '个人模板' // 项目名称const port = 1002 // 端口号// All configuration item ex原创 2020-12-11 13:01:02 · 646 阅读 · 0 评论 -
搭建VUE脚手架(一)---使用命令行创建cli3脚手架
使用命令行创建cli3脚手架在cmd中输入vue create 项目名回车,选择最后一项(自己手动选择配置)回车,使用空格选择需要的配置回车,选择3.x(vue3)回车,输入n回车,选择第三个回车,选择第一个(保存时检查代码)回车,选择第一个(将ESLint等插件配置在单独的配置文件)回车,询问是否保存这套配置,以后可以再用,输入y回车,输入要保存的模板名称回车,等待创建。使用VSCode打开,修改如图位置(将serve原创 2020-12-11 10:57:15 · 1302 阅读 · 1 评论 -
解决跨域问题(前端处理)
在vue中使用proxy进行跨域的原理是:将域名发送给本地的服务器(启动vue项目的服务,loclahost:8080),再由本地的服务器去请求真正的服务器。 1.在proxy中设置要访问的地址,并重写/api为空的字符串,因为我们真正请求的地址是没有带/api,这个重写很重要!!! 2.在创建axios实例的时候将baseURL设置为/api ,这时候我们的跨域就已经完成了。 3. 假如请求的真正地址为:http://48.96.217.56:8185/core/ge..原创 2020-12-10 22:01:38 · 2540 阅读 · 4 评论 -
学习使用Axios
为什么要使用axios支持发送ajax异步支持在NodeJs中发送ajax请求支持Promise支持拦截器请求和响应支持对请求和响应数据的转换Axios支持的请求方式Aixos(config)Axios.request(config)Axios.get(url, config)Axios.post(url, data, config)Axios.delete(url, config)Axios.head(url, config)Aixos.put(url,原创 2020-12-09 09:08:56 · 1111 阅读 · 0 评论 -
$router和$route的区别
$route和$router是有区别的$router是VueRouter实例,想要导航到不同的URL,使用$router.push方法。$route是当前router的跳转对象,可以获取name、path等等原创 2020-12-09 08:48:24 · 890 阅读 · 0 评论 -
VsCode常用插件
官网(https://code.visualstudio.com/)安装HTML Snippets:超级实用且初级的 H5代码片段以及提示HTMLHint:html代码检测HTML CSS Support :让 html 标签上写class 智能提示当前项目所支持的样式。新版已经支持scss文件检索,这个也是必备插件之一Path Autocomplete :路径智能补全Path Intellisense :路径智能提示JavaScript Snippet Pack:针对j...原创 2020-12-04 13:40:40 · 273 阅读 · 2 评论 -
vue项目对要显示的富文本数据中的图片处理----去掉或控制图片大小
一、去掉图片标签let informationArticle = informationArticle.replace(/<\/?(img)[^>]*>/gi, '');利用正则直接替换掉二、控制图片大小通常需要控制图片大小,否则就会因为富文本图片太大导致页面很奇怪。如下,页面可以往右滑动。const regex = new RegExp('<img', 'gi')res.details = details.replace(regex, `<img原创 2020-11-18 11:28:51 · 1494 阅读 · 1 评论 -
Nginx部署Vue项目
1.安装Nginx本人建议作为一个非运营人员或者对Docker不是很熟悉的童鞋,Nginx不要安装到Docker里面了,后期的配置维护比较繁琐。首先安装Nginx所需环境yum -y install gcc pcre-devel zlib-devel openssl openssl-devel下载nginx-1.9.9.tar.gz包,使用Xftp移动到/usr/local下解压tar -zxvf nginx-1.9.9.tar.gz进入nginx目录cd ngin原创 2020-11-06 10:22:31 · 354 阅读 · 0 评论 -
vue-aplayer
npm install @moefe/vue-aplayer --save在main.js中引入importAPlayerfrom'@moefe/vue-aplayer'Vue.use(APlayer,{defaultCover:'https://github.com/u3u.png',productionTip:true,});使用<aplayer:audio="audio":lrcType="1"fixed/&g...原创 2020-10-29 18:08:25 · 1160 阅读 · 0 评论 -
element-ui upload accept=““ 不起作用(关于element-u上传文件类型限制)
<el-upload class="upload-demo" ref="upload" drag action="https://jsonplaceholder.typicode.com/posts/" :limit="1" accept=".xls,.xlsx" :on-preview="handlePr.原创 2020-10-29 08:57:03 · 9377 阅读 · 4 评论