vue
bruobuqi0106
愿你合上电脑的那一刻,有着侠客收剑入鞘的骄傲
展开
-
vue list数组合并和插入数据
1、List数组合并let a = [1,2,3]let b = [4,5,6]let c = […a,…b]最后console输出数组c,c= [1,2,3,4,5,6]对象数组合并也是如此let a = [{ name:'a', age:'20' }]; let b = [{ name:'b1', age:'50' },{ name:'b2', age:'30' },{ na原创 2021-01-12 16:03:16 · 3496 阅读 · 0 评论 -
关于跨域问题
问题:我们在部署项目的时候,经常是前后端分离,导致端口号不一致,出现跨域问题解决办法:第一.我这次是前后端放在同一服务器,但是端口号不一致.主要问题就是跨域,然后我打断点发现能到后端,后来我就写了个拦截器,完美解决端口号不一致的跨域问题。代码如下:import org.springframework.context.annotation.Configuration;impo...原创 2019-10-31 14:47:05 · 151 阅读 · 0 评论 -
vue el-date-picker 组件,月份选择器,传到后台后比实际选的少一个月
<el-date-picker v-model="searchForm.groupMonth" type="month" value-format="yyyy-MM" placeholder="请选择月份"> </el-date-picker>加上这句话就好了: value-format="yyyy-MM"...转载 2020-05-15 11:42:07 · 1040 阅读 · 4 评论 -
关于Vue组件之间的传值
1.父类传给子类第一步,在子类使用props:['income'],定义属性第二部在父类定义使用的属性原创 2020-04-29 17:27:15 · 142 阅读 · 0 评论 -
关于VUE组件使用
1.mian.js中注册此主键2.使用此组件原创 2020-04-27 17:33:33 · 104 阅读 · 0 评论 -
vue的使用样式备忘录
1.如何将两个并排显示的div放在同一个div里面<div > <div style="width:50%;float:left"></div> <div style="width:50%;float:left"></div></div>2.字体靠左加粗.zhongyaoshijian { ...原创 2019-11-26 16:51:19 · 179 阅读 · 0 评论 -
关于vue部署正式环境处理ip和端口号
前因:在我们写vue的项目的时候会遇到一个就是本地开发和正式环境的ip和端口号不一致的问题,以及本地开发跨域问题?解决方法:1.我们处理本地开发在index.htmlproxyTable: { '/api': { //替换代理地址名称 target: 'http://192.168.101.102:8081/', //代理地址 chang...原创 2019-10-31 14:28:02 · 6625 阅读 · 0 评论 -
vue中使用pdf.js来预览pdf文件
1. 项目要求需要预览pdf文件其实 这和前端框架无关的,直接使用pdf.js原生1.1下载下载地址注意放在static文件目录下,这里面有核心的pdf.js和pdf.worker.js,以及展示pdf的viewer页面把它作为静态资源来编译,基本想要的build和web这两个重要文件夹的东西都正常编译。当然你可以可以npm install一下,整个文件放在static目...原创 2019-10-16 15:17:00 · 1123 阅读 · 0 评论 -
如何在 Vue 项目中使用百度Echarts.js
1.安装echarts项目依赖npm install echarts --save//或者npm install echarts -S2.全局引入我们安装完成之后,可以在main.js中全局引入echartsimport echarts from "echarts";Vue.prototype.$echarts = echarts;3.使用<templ...原创 2019-08-21 17:13:09 · 487 阅读 · 0 评论 -
关于vue 自定义组件的写法与用法
1.创建组件2.mian.js导入此主键3.使用此组件原创 2019-08-21 16:51:36 · 295 阅读 · 0 评论 -
vue怎么解决跨域问题
1.修改index.js文件在proxyTable中添加'/api': { //替换代理地址名称 target: 'http://localhost:8081/', //代理地址 changeOrigin: true, //可否跨域 pathRewrite: { '^/api': '' //重写接口,去掉/api ...原创 2019-08-02 11:56:47 · 705 阅读 · 0 评论 -
vue怎么安装vue-axios
1.安装axiosnpm install axiosnpm安装时出现run `npm audit fix` to fix them, or `npm audit` for detailsnpm audit fixnpm audit fix --forcenpm auditnpm install --save axios vue-axios用到post请求时,需要安装...原创 2019-08-02 15:44:29 · 9094 阅读 · 0 评论 -
VUEX store安装和使用
vuex是专为vue.js应用程序开发的状态管理模式。如果你之前使用过vue.js,你一定知道在vue中各个组件之间传值的痛苦,在vue中我们可以使用vuex来保存我们需要管理的状态值,值一旦被修改,所有引用该值的地方就会自动更新安装 : npm install vuex --save使用:然后我们在项目的src目录下新建一个目录store,在该目录下新建一个index.js文件...原创 2019-08-05 17:05:41 · 9778 阅读 · 0 评论 -
vue关于路由跳转方法:push
关于路由跳转方法:push1.传递参数this.$router.push({name:'master',params:{id:'参数'}});//name和params搭配,刷新的话,参数会消失接受参数在目标页面通过this.$route.params获取参数;2.传递参数 this.$router.push({path:'/master',query:{id:'参数'}});...原创 2019-08-05 15:55:42 · 4285 阅读 · 0 评论 -
关于vue已经iview的使用
1.vue的安装 a.全局安装 vue-cli npm install --global vue-cliD:\lidong\git\-\vue>npm install --global vue-clinpm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "co...原创 2019-05-24 17:19:49 · 481 阅读 · 0 评论