背景 在本地开发vue项目的时候,当你习惯了proxyTable解决本地跨域的问题,切换到nuxt的时候,你会发现,添加了proxyTable设置并没有什么作用,那是因为你是用的vue脚手架生成的vue项目,它里面已经帮…
分类:vue.js教程
vue生命周期
Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程,我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程,就是生命周期。 每一个组件或者实…
PC端微信内置浏览器vue axios没发出去请求
PC端微信内置浏览器vue axios没发出去请求,仅做记录 今天测试同学 测活动的时候 在windows下面的微信内邮件扫描二维码 竟然使用内置浏览器测了起来。 还有这种骚操作??? 之前的测试从来没测过这个浏览器,据…
vue 左滑删除功能
最近有个需求是要添加一个左滑删除的功能。参考了一下别的老哥的代码,做了一点点改进。记录一下。以备不时之需话不多说 ,上代码 <template> <div class="slider-item">…
精彩代码 vue.js
新建完项目,先做好准备工作 1 定义全局路由 import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) export default ne…
ES6-class、模块化在vue中应用(10)
我们在之前文章《ES6 class与面向对象编程》中,说到了目前大部分框架和库,都采用了面向对象方式编程。那么具体是怎么样应用的呢?面向对象编程,最典型和最基础的作用就是封装,封装的好处就是代码的能够复用,模块化,进行项…
laravel-admin 与 vue 结合使用
laravel-admin 与 vue 结合使用 由于 Laravel-admin 采用的是 pjax 的方式刷新页面,意味着很多页面刷新的操作,并不是刷新整个 document,而是从服务器拿到部分 document,…
vue+element,点击浏览器后退按钮使用$confirm弹框提示,路由拦截
mounted里面 if (window.history && window.history.pushState) { history.pushState(null, null, document.URL…
Vue模板语法
模板语法 Vue使用基于HTML的模板语法,允许开发者声明式的将DOM绑定至底层Vue实例的数据。 在底层的实现上,Vue将模板编译成虚拟DOM渲染函数。结合响应系统,Vue能够智能的计算出最少需要重新渲染多少组件,并把…
vue 切换页面/路由时保持滚动条在最顶部
我在做PC端vue项目的时候发现,切换页面滚动条的位置并没有改变,因为切换路由实际上并不是切换页面而且改变了页面中的组件,所以滚动条的位置不变,为了获得更好的体验,需要每切换一个新的页面(一个新的路由)时就让滚动条回到最…
从vue模板解析学习正则表达式
前言 最近在看vue的模板解析成render这一块,顺便补一下正则的知识 文件地址srccompilerparserhtml-parser.js 1. attribute const attribute = /^\s*(…
简单实现一个textarea自适应高度
textarea自适应的实现方法很多,原理其实比较简单:监听textarea的input或者键盘事件,获取元素的scrollHeight,重置textarea元素的高度。 预览地址:textarea 我们知道textar…