WEBPACK/VUECLI3
TLROJE777
o(* ̄▽ ̄*)o
展开
-
关于webpack打包vue项目在GitHubPage上不显示的解决方法
在网上查了很久,结果发现webpack打包后显示了一串网址(https://cli.vuejs.org/guide/deployment.html#general-guidelines),内容为Vue CLI的部署,其中就讲了关于GithubPage的一些相关配置## 正文开始1正常的vue项目打包后放在GitHubPage上是不显示的2这时需要在package.json同级目录下创建...原创 2018-11-12 19:31:08 · 891 阅读 · 0 评论 -
VUE v-charts曲线图改成折线图
没啥可说的直接粘贴就行下面放代码//template <ve-line width="100%" height="300px" :data="chartData" :settings="chartSettings" :data-zoom="dataZoom" :loading="loading" ...原创 2019-08-08 17:43:22 · 4314 阅读 · 0 评论 -
【对象数组复制问题】v-charts中dataEmpty和loading在axios请求后无法正确显示的解决方法
首先官方文档写是要引入CSS文件,我的项目是CDN引入的这里排除。先上可以使用的代码 <ve-histogram width="100%" height="300px" :data="{ columns: ['', '', ''], rows: [] }" :settings="...原创 2019-08-05 19:36:07 · 1235 阅读 · 0 评论 -
页面跳转时保存当前页面的状态
app.vue页<keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view></kepp-alive> <router-view v-if="!$route.meta.keepAlive"></router-view>router.js...原创 2019-07-22 16:50:06 · 2509 阅读 · 0 评论 -
VUE中clearTimeout失效问题
研究了很久以为是自己代码的问题结果是VUE封装了setTimeout在VUE中setTimeout返回一个对象,对象含有**_id**属性,将_id作为参数执行clearTimeout即可生效。/*格式类似:*/clearTimeout(this.timer._id);...原创 2019-07-22 11:18:57 · 6871 阅读 · 0 评论 -
VUE点击首页重新加载首页的一种实现
适用于首页有一些数据需要重置的情况,比如按钮选中后,点击首页清空选中状态实际原理是通过v-if去掉router-view然后再加载app.vue代码如下<template> <div> <button @click="reload">首页</button> <router-view v-if="isRouterAlive"&...原创 2019-07-17 17:10:55 · 754 阅读 · 0 评论 -
VUE全局引入JS的方法
首先在main.js引入JS文件 --> import xxx from where将xxx挂在Vue的原型下 --> Vue.prototype.$xxx = xxx;通过this.$xxx 全局使用原创 2019-07-17 17:09:53 · 2304 阅读 · 0 评论 -
IVIEW实现一行表格内嵌多行表格的方法(表头分组)
今天在写一行对多行表格的时候发现IVEIW自带的表格样式并不是很符合我的想法,下面这张图是官方例子在官方例子中,Name被加载了多次,很不方便所以我做了些修改写出了如下例子其主要原理是在一行表格使用render函数加载另一个表格,而在这时render的Table的数据加载就出现了问题,不可能再像文档中:columns和:data各自绑定一个数据,这会导致加载时候,多个表格加载数据相同我...原创 2019-07-17 16:50:04 · 6494 阅读 · 0 评论 -
AXIOS超时取消请求
背景今天发现项目在网络不好的时候发出请求会一直使页面处于等待状态,十分不友好。所以我在发出请求的函数中增加了取消axios请求的方法。设置如下 //axios外 const CancelToken = axios.CancelToken; let cancel; //axios内 /**设置CancelToken 提前结束AX...原创 2019-07-19 18:32:49 · 2759 阅读 · 0 评论 -
VUE监听子组件生命周期
1.通过$emit实现对子组件created,mounted等周期的监听2.代码如下父子组件代码:// Parent.vue<Child @mounted="doSomething"/>// Child.vuemounted() { this.$emit("mounted");}父组件template部分<Child @hook:mounted="doS...转载 2019-07-16 16:44:08 · 349 阅读 · 0 评论 -
VUE跳转页面触发获取页面高度,获取高度为跳转前高度的解决方法
原理:等待跳转执行完毕再执行高度获取设置this.$nextTick(()=>{//获取高度})原创 2019-07-16 16:40:36 · 1594 阅读 · 0 评论 -
VUE自适应FOOTER实现
本项目使用Vue,代码位于app.vue页,通过window.onresize监听窗口变化,通过computed和watch监听vue-router的变化HTML <Footer ref="footer" :style="{width:'100%',padding:'11px 50px'}" :class="[(this.is_class_bottom) &&...原创 2019-07-11 11:35:45 · 1711 阅读 · 0 评论 -
监听VUEX中数据的方法
通过computed + watch1.首先在computed中将store里的数据返回如下:getStoreItem(){return this.$store.state.item}2.然后在watch里监听getStoreItem()的变化,并作出相应操作getStoreItem(){this.doSomeThing();}3.此时如果VUEX里的数据发生改变,会同时触...原创 2019-07-11 11:14:22 · 2480 阅读 · 1 评论 -
[VUE]关于数组push,pop,unshift,shift后页面渲染数组展示索引的错误解决
这个问题的触发场景是这样的this.array = this.array.push('something');后来查阅发现push等方法返回数组的长度操作数组不需要赋值,因为是直接改变原数组这个this.array其实是13,v-for应该是循环了1到13的数字反思:对不返回新数组的数组方法加以复习...原创 2019-08-29 11:01:52 · 1357 阅读 · 0 评论