对vue2.0中.vue文件页面跳转之.$router.push的用法详解
vue2.0在使用的过程中， .vue文件之间的跳转，在template中的常见写法是： <router-link to=/miniCard/statement/horizon> <button class=btn 查看全文
vue获取元素宽、高、距离左边距离,右,上距离等还有XY坐标轴的方法
this.$refs[通过设置ref获取到的dom元素].getBoundingClientRect(); //示例: 获取元素距离顶部的距离 以上这篇vue获取元素宽、高、距离左边距离,右,上距离等还有XY坐标轴的方法就是小编 查看全文
vue利用v-for嵌套输出多层对象,分别输出到个表的方法
如下所示： specifications:[ { specificationName:颜色, specificationItem:[ {value:黄色}, {value:黑色} ] } ] <table class=tabl 查看全文
vue.js响应式原理解析与实现
从很久之前就已经接触过了angularjs了，当时就已经了解到，angularjs是通过脏检查来实现数据监测以及页面更新渲染。之后，再接触了vue.js，当时也一度很好奇vue.js是如何监测数据更新并且重新渲染页面。今天，就我们就来一 查看全文
解决Vue2.0 watch对象属性变化监听不到的问题
问题 很早之前就遇到一个问题，父组件向子组件传值，子组件监听传入对象的某个属性。发现子组件使用deep watch都不能观察到对象中属性的变化，今天终于找到为啥出现这种问题和解决办法了。 解决 为啥出现这种问题？受 ES5 的限制 查看全文
详解vue-cli下ESlint 配置说明
1，关闭eslint 这里只说vue-cli脚手架的关闭方法，其实很简单，就是把f.js 配置文件中的eslint rules注释掉即可。 module: { rules: [ // { // test: /\.(jsvue) 查看全文
vue.js实现带日期星期的数字时钟功能示例
本文实例讲述了vue.js实现带日期星期的数字时钟功能。分享给大家供大家参考，具体如下： <!doctype html> <html> <head> <meta charset=utf-8& 查看全文
Vue模拟数据,实现路由进入商品详情页面的示例
一、路由 首先需要配置路由，就是点击good组件进入goodDetail组件 配置路由如下 { path: /goodDetail, component:goodDetail } 同时在good组件中写入如下点击事件，路由中 查看全文
Vue头像处理方案小结
个人思路 获取后台返回头像url，判断图片宽度，高度。 如果宽度>高度， 使其高度填充盒子 两边留白。 如果宽度<高度，使得宽度填充盒子 上下留白。 效果图： 缺陷：懒加载图片 会出现闪烁 代码实现 查看全文
用Go+Vue.js快速搭建一个Web应用(初级demo)
Vue.js做为目前前端最热门的库之一，为快速构建并开发前端项目多了一种思维模式。本文给大家介绍用Go+Vue.js快速搭建一个Web应用(初级demo)。 环境准备： 1. 安装go语言，配置go开发环境； 2. 安装node. 查看全文
基于vue中对鼠标划过事件的处理方式详解
鼠标事件进行监听 需求中，在一个table（组件）表中，对于其中一列（该列为图片列），当鼠标划过该列的某个单元格子（图片）时，需要展示出该单元格子对应的遮罩层 翻阅了一些博客，发现好多都提到了mouse事件，如mouseover、m 查看全文
Vue 与 Vuex 的第一次接触遇到的坑
在 Vue.js 的项目中，如果项目结构简单， 父子组件之间的数据传递可以使用 props 或者 $emit 等方式 但是如果是大型项目，很多时候都需要在子组件之间传递数据，使用之前的方式就不太方便。Vue 的状态管理工具 Vuex 查看全文
vue elementUI tree树形控件获取父节点ID的实例
首先找到on.js文件 如下 具体看你工程下的node_modules 找到getCheckedNodes该方法 细节如下我的该方法在21618行 TreeStore.prototype.getCheckedNodes = fun 查看全文
vue监听对象及对象属性问题
监听整个对象，使用watch就行 export default { data() { return { a: { b: 1, c: 2 } } }, watch() { a: { handler(newVal, oldVal) { 查看全文
Vuejs开发环境搭建及热更新【推荐】
Vue.js Vue.js是目前很火的一个前端框架，采用MVVM模式设计，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用，特别适合单页应用的 查看全文
vue+axios 前端实现的常用拦截的代码示例
Axios配置 main.js //定义一个请求(function(config){ store.state.isShow=true; //在请求发出之前进行一些操作 return config }) //定义一个响应 Axios 查看全文
基于vue循环列表时点击跳转页面的方法
1、在data数组里边添加id（说明：我的是虚拟数据） 2、在点击事件上传入id参数，如下： 3、在methods里边添加点击跳转的方法，不要忘记在function后边的括号内传入id，然后判断如果id==1，就跳转那个页面，id= 查看全文
从vue源码解析Vue.set()和this.$set()
前言 最近死磕了一段时间vue源码，想想觉得还是要输出点东西，我们先来从Vue提供的Vue.set()和this.$set()这两个api看看它内部是怎么实现的。 Vue.set()和this.$set()应用的场景 平时做项目的 查看全文
在Vue 中使用Typescript的示例代码
Vue 中使用 typescript 什么是typescript typescript 为 javaScript的超集，这意味着它支持所有都JavaScript都语法。它很像JavaScript都强类型版本，除此之外，它还有一些扩展 查看全文
vue2中使用sass并配置全局的sass样式变量的方法
Sass语言 Sass是一种强大的css扩展语言（css本身并不是一门语言），它允许你使用变量、嵌套规则、mixins、导入等css没有但开发语言（如Java、C#、Ruby等）有的一些特性，并且完全兼容CSS语法。Sass有助于保 查看全文
vue中设置height：100%无效的问题及解决方法
在vue.js中写新的components的时候，如果在新页面中的模板中设置height：100%的时候一直无效。 App.vue文件 <template> <div id=app> <router- 查看全文
在Vue组件中获取全局的点击事件方法
使用场景： 在Vue组件中点击某元素之外的地方移除该元素 需求： 如上图所示，“用户列表”页面有三个Vue组件组成，分别是“菜单组件”，“导航组件”和“列表组件”。其中“列表组件”中包含一个“下拉菜单”，当我们点击“下拉菜单” 查看全文