VUE
华洛
野生程序员,终身学习者。
展开
-
Vue基础知识之常用属性和事件修饰符
Vue中的常用选项1、计算属性computed为可以计算的属性,由get方法和set方法组成,默认调用的是get方法。里面的计算属性简单来说,就是根据数据推算出来的值,当给这个值赋值时可以影响其他值的变化。<div id="app"> 全选:<input type="checkbox" v‐model="checkAll" > <br> <in转载 2018-05-02 10:17:07 · 602 阅读 · 0 评论 -
vue利用空白页进行路由刷新
// 这里需要使用replace ,防止浏览器记录历史// 使用页面,在methods中添加函数refresh () { this.$router.replace({ path: '/refresh', query: { t: Date.now() } })}// refresh.vue<script>export d...原创 2019-04-08 11:47:43 · 809 阅读 · 0 评论 -
vue解决在父组件中无法修改子组件样式问题
vue开发中,父组件添加scoped之后。解决在父组件中无法修改子组件样式问题 在vue的开发中,我们需要引用子组件,包括ui组件(element、iview)。但是在父组件中添加scoped之后,在父组件中书写子组件的样式是无效果的。去掉scoped之后,样式可以覆盖。但这样会污染全局样式,为了解决这个问题,vue-loader新增书写方式。这样的写法及修改了子组件的样式,又不会污染全局样...原创 2019-04-11 11:24:29 · 1362 阅读 · 0 评论 -
VUE动态移除缓存实例
思否上看到一个老哥解决这个问题的方法,原文地址:https://segmentfault.com/a/1190000015845117此处只放重点如下:keep-alive 默认不支持动态销毁已缓存的组件,所以此处给出的解决方案是通过直接操控 keep-alvie 组件里的 cahce 列表,暴力移除缓存://使用Vue.mixin的方法拦截了路由离开事件,并在该拦截方法中实现...转载 2018-12-26 11:35:19 · 4926 阅读 · 1 评论 -
VUE项目,前端生成验证码
// 前端生成验证码// 全局挂载 import GVerify from '@/assets/js/util/GVerify'// Vue.prototype.GVerify = GVerify// 组件内使用 this.verifyCode = new GVerify("你的元素ID") // 验证验证码 this.verifyCode.val...原创 2018-12-29 10:11:52 · 2476 阅读 · 0 评论 -
Vue项目中实现图片懒加载
下面的方法还没亲自试过,等用了再来补上坑---对于图片过多的页面,为了加速页面加载速度,所以很多时候我们需要将页面内未出现在可视区域内的图片先不做加载, 等到滚动到可视区域后再去加载。这样子对于页面加载性能上会有很大的提升,也提高了用户体验。实现方法(使用vue的vue-lazyload插件)1.安装插件npm install vue-lazyload --save-dev2...转载 2018-08-09 17:33:35 · 398 阅读 · 0 评论 -
Vue 爬坑—— 使用 vue-router 跳转页面
使用 Vue.js 做项目的时候,一个页面是由多个组件构成的,所以在跳转页面的时候,并不适合用传统的 href,于是 vue-router 应运而生。官方文档: https://router.vuejs.org/zh-cn/essentials/getting-started.html 有很多朋友找我要 demo,但是博客中的这个案例被我删掉了,我只好随手写了一个超简单的 demo,希望能有所帮助...转载 2018-05-28 20:12:29 · 1068 阅读 · 0 评论 -
记一次 VUE 使用marked.js
第一行祭天话说,想学一下marked.js 于是有了如下操作1. npm i marked -S2. 引入 import marked from 'marked'3. 创建对象 let renderMD = new marked.Renderer()4. 配置如下marked.setOptions({ renderer: rendererMD, gfm: true, tables: true...原创 2018-05-15 16:53:50 · 14192 阅读 · 1 评论 -
vue2 设置router-view默认路径
在学习vue的时候,遇到很多问题,这里做一些总结,持续更新。今天说一个问题,就是在学习vue的时候,从之前的1.0版本升级到2.x的时候,遇到的问题。一个简单的设置默认路由。在vue的官方文档中,并没有对这个做出案例和解释,不知道是不是我没发现。反正这个问题算是遇到的小小的坑吧。原谅一个菜鸟,什么都不懂。在察阅文章的过程中,发现有前辈总结了这个方面的知识 。具体实现转载 2018-05-10 15:44:39 · 14081 阅读 · 0 评论 -
vue 使用less
vue中使用less首先vue开发环境已经安装成功当所有东西都 准备好之后 :第一步:安装less依赖,npm install less less-loader --save第二步:修改webpack.config.js文件,配置loader加载依赖,让其支持外部的less,在原来的代码上添加//vue-cli webpack模板省略这一步,配置过了;{tes...转载 2018-05-10 09:57:30 · 402 阅读 · 0 评论 -
VUE使用锚点的解决方案--scrollIntoView
scrollIntoView()可以在所有的HTML元素上调用,通过滚动浏览器窗口或某个容器元素,调用元素就可以出现在视窗中。如果给该方法传入true作为参数,或者不传入任何参数,那么窗口滚动之后会让调动元素顶部和视窗顶部尽可能齐平。如果传入false作为参数,调用元素会尽可能全部出现在视口中(可能的话,调用元素的底部会与视口的顶部齐平。)不过顶部不一定齐平<div class=...原创 2019-04-03 10:49:37 · 1843 阅读 · 0 评论