vue
qq_夏阳
一个在程序猿道路上行进的小菜鸟。。。
展开
-
vue打包后的文件部署非根目录下,踩坑。。。
vue项目需要放在例如 文件下面http://xxx.com/address1/address2/test正常把打包的文件放在服务器上面路径,文件引入路径全部报错;搞了很久,各种问题;最后的解决办法:assetsPublicPath:'/' 改成assetsPublicPath:'./'...原创 2020-06-01 16:58:03 · 1636 阅读 · 0 评论 -
Vue实现在前端导出Excel
之前也看过导出订单项目,但是一直没有实现过,最近刚好有需求要做这个功能!也去网上看了一些博客,参考了2个比较详细的,最后实现了效果第一步:安装依赖(三个步骤缺一不可)npm install file-saver --savenpm install xlsx --savenpm install script-loader --save-devtips:之前少了第三步骤,后...原创 2019-11-26 11:33:35 · 498 阅读 · 0 评论 -
vue自定义指令,比onerror更优雅的方式实现当图片加载失败时使用默认图,提供三种方法
一、常规方法解决我们都知道,img标签支持onerror事件,在装载文档或图像的过程中如果发生了错误,就会触发onerror事件。可以使用一张提示错误的图片代替显示不了的图片。例如这样使用:<img src="images/logo.png" "javascript:this.src='images/logoError.png';">当图片不存在时,将触发 on...转载 2019-06-27 19:34:22 · 352 阅读 · 0 评论 -
vuex 实现vue中多个组件之间数据同步以及数据共享
http://pan.baidu.com/s/1hrJfpli demo下载地址前言 在一些项目中有很多数据状态之间要实现数据共享状态共享,例如购物车的数据、用户的登录状态等等。vue父元素是可以通过props向子元素传递参数,子元素也可以通用smit向父元素传递参数。但是像购物车这种在项目中多个位置的引用时就会变得很麻烦。例如项目中使用了三个购物车的组件,那么当其中一个组件的值发生改...转载 2019-04-18 18:41:40 · 1136 阅读 · 0 评论 -
vue刷新token方法
这是在网上找到比较简单易懂的方法,大家可以借鉴Vue刷新token,判断token是否过期、失效的最简便的方法Vue刷新token,判断token是否过期转载 2019-03-16 15:39:24 · 2355 阅读 · 0 评论 -
vue2.0 父子组件通信传值
父组件:<my-productlist :dataArr="productListData" @childEvent = 'toDetail'></my-productlist><script> import myProductlist from '../components/productList.vue'; export defau...原创 2019-03-15 14:42:23 · 116 阅读 · 0 评论 -
vue 路由跳转及传参的多种方式及注意事项
vue的跳转方式如下:第一种:<router-link tag="a" :to="{name:'测试页',params:{id:1}}">点击跳转(name)</router-link>第二种:<router-link tag="a" :to="{path:'./test',query:{id:1}}">点击跳转(path)&原创 2019-03-15 11:21:41 · 945 阅读 · 1 评论 -
vue中一个标签中动态添加class
<div :class='["tabItem",index==id?"active_tabItem":"",index==2? "share_tabItem" : ""]' @click="changeTabbar(index)" v-for="(item,index) in tabBar" :key="index">{{原创 2019-03-14 16:05:11 · 2985 阅读 · 0 评论 -
vue项目运行报错,遇到的坑。。。。
错误1:运行npm run dev结果:'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序原因:国外的npm不稳定,用淘宝镜像替换解决办法:1.安装淘宝镜像:npm install cnpm -g --registry=https://registry.npm.taobao.org2.安装依赖:cnpm install再运行项目,正常了。。...原创 2018-11-28 15:39:08 · 1284 阅读 · 0 评论 -
页面打开即获取当前定位,位置
其实,我的需求是很简单的,就是页面一打开获取当前的省份位置;map(){ let _this = this; var geolocation = new BMap.Geolocation(); //获取位置定位 var gc = new BMap.Geocoder(); //// 创建地址解析器实例 geolocation.getCurrentPosi...原创 2018-11-30 17:06:11 · 4703 阅读 · 3 评论 -
vue1.0本地引入Json文件
先说说遇到的坑吧,之前是用2.0开发,都是用import方式引入文件;(注: json文件跟我的页面是同级 )方法1:import jsonData from 'map.json' //vue2.0常用的就是这种方式引入 //运行结果:报错 Uncaught SyntaxError: Unexpected identifier方法2:const jsonData ...原创 2018-11-29 19:30:54 · 744 阅读 · 0 评论 -
史上最实用的vuex理解,由浅入深
如果你在使用vue.js, 那么我想你可能会对 vue 组件之间的通信感到崩溃 。我在使用基于 vue.js 2.0 的UI框架ElementUI开发网站的时候 , 就遇到了这种问题 : 一个页面有很多表单 , 我试图将表单写成一个单文件组件 , 但是表单 ( 子组件 ) 里的数据和页面 ( 父组件 ) 按钮交互的时候 , 它们之间的通讯很麻烦 :<!--父组件中引入子组件...转载 2018-11-17 16:02:04 · 123 阅读 · 0 评论 -
Vue 中 $nextTick 的作用
在DOM改变之后, $nextTick执行的方法里面回调 ,可以获取更新后的DOM,然后再做其他操作。。html: <body> <div id="app"> <div ref = "box">{{msg}}</div> <div>msg1的值是:{{msg1}}</div>原创 2018-11-17 15:58:07 · 861 阅读 · 0 评论 -
Vue $refs的基本用法
html: <div id="app"> <div ref = "box">{{msg}}</div> <button @click="change">点我改变msg的值</button> </div>原创 2018-11-17 15:27:52 · 2733 阅读 · 0 评论 -
vue开发,js实现获取当前日期,页面渲染当前日期后5天的日期时间
运行效果如下:全部代码://css样式:<style> h5,.div { width: 50%; line-height: 60px; text-align: center; margin: 0 auto; border: 1px solid #ddd; } .active { color: red; background-col...原创 2018-06-05 22:59:01 · 12444 阅读 · 1 评论