vue-router疑惑点记录
以vue-router2.x讲解。1.定义路由时，某路由对象里同时有component和redirect重定向参数，会怎样处理？答： 忽略component，直接用redirect的值重定向到新路由路径，使用新路径的组件。例如，下面的第三个路由链接被点击时，会直接重定向到.....#/，然后使用'/...
关于vue-cli2升级到最新版本失败
自己在升级中遇到的问题：我的版本是2.9.6，首先卸载cnpm uninstall vue-cli -g，再安装cnpm install -g @vue/cli安装成功后再查看版本，发现还是没变解决的方法：查看nodejs的路径设置对应的环境变量打开终端先卸载原先的，然后设置npm的默认路径npm ...
Vue写一个简单的页面
流程：①拆分页面组件。②完成静态页面。③生成动态交互网页。页面成品：1、拆分成add/list/item三个组件，创建三个vue。2、main.js注册入口页面3、引用css，竟然是在index.html中引用css。此处引用了bootstrap的css4、开始编写app.vue，把其他组件的地方空...
Vue 前端框架接入QQ在线客服
Vue 前端框架接入QQ在线客服，效果如下图：后面就根据自己的需要选择不同的方式，下面是使用教程：-------------------------------------------------------------------------------------------1、首先是第三方js...
vue中，本地图片路径写到js中，为何渲染不出来？
首先看一个项目目录结构：代码如下：html：<img src="../../assets/logo.png" alt="">编译效果：是不是图片显示出来了，但是如果我的图片路径是写到data里面的，在img上面，绑定一个data的数据，那么是不是图片加载不出来？但是图片的路径还是有的？如...
前端vue从后台取到数据（数组对象）后遍历给对象添加属性，修改这个属性为什么没有用？
1. 场景：带有数据监听的框架都可，我用的是vue框架从后台获取数组对象，想给对象添加只在前端用得上的属性如item_checked: false2. 问题：控制台输出该对象已经存在该属性了，但是属性改变（如点击该item，该属性则变为true，理想下该item会有相应的样式）页面的却没有想要的刷新...
vue项目对象声明没有赋值的情况下，改变对象属性页面不更新的解决方案
问题描述：vue项目第一次加载页面后端返回数据改变对象值后页面没有更新；但是再次点击页面报价就可以更新了 在开始声明了变量，但是没有赋值 后端返回数据后给对象的price属性值改变了；但是页面却没有更新根本原因：变量声明没有设置初始值导致vue监听不到；再次点击页面有无社保按钮报价就可以更新是因为强...
vue基础：将表单中的数据按列表显示在页面下，删除数据this.list.push(***)，this.list.push(***)。
将表单中的数据按列表显示在页面下，删除数据1.添加数据1.在页面中，首先通过数据的双向绑定，表单中的v-model=“todo”，绑定数据。2.通过调用@click="doadd()"方法中的this.list.push(this.todo)，将todo中的数据加到list中。3.通过循环列表显示。...
vue.js 实现点击展开收起动画
最近公司项目加了个页面，其中要求是这样的，点击对应列表，展开和收起，其实就是显示和隐藏内容部分；说来惭愧，我花了半天时间才搞出来（自黑一下~），，，接下来分享给大家，先上效果图：.vue页面：<template><div class="dealRecord-wrap"><...
vue打包完以后element的icon图标找不到解决办法
先来张图解决办法：可再build文件夹中找到utils.js，再这个js文件中找到if (options.extract) {return ExtractTextPlugin.extract({use: loaders,fallback: ‘vue-style-loader’,})在里面加入publ...
vue-video-player在vue项目中无法显示controls按钮只有小方块
这几天做项目要用到视频播放插件vue-video-player，遇到了一个比较奇葩的问题，就是control栏的图标显示不出来，刚开始以为是css没有加载进来，审查元素才发现不是，一番折腾才发现是font字体没有被识别 各种折腾才发现在项目的App.vue中发现一段css 全局app.vue里把f...
vue-cli 的项目 切换到Linux环境下遇到问题
之前用vue-cli脚手架在windows上开发的一个项目，现在有换mac的打算，但是换系统的话对代码对环境依赖比较严重。 去年和别的FE并行开发两个人用的都是windows，这样还好，没有什么问题，但是两个人电脑环境不一样问题就比较多了。 所以准备将环境切换到Linux，但是遇见了重重困...
入门vue----（介绍）
声明式渲染Vue.js 的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统：<div id="app"> {{ message }}</div>var app = new Vue({ el: '#app', data: { message: ...
谷歌浏览器安装vue插件(vue-devtools)
谷歌浏览器安装vue插件第一步 下载vue-devtools第二步 npm第三部 浏览器安装插件有什么不对的地方,欢迎各位指导,共同学习!第一步 下载vue-devtools如果可以上谷歌商店,是可以直接安装的,不需要这么麻烦.先去GitHub下载vue-devtools,链接如下https://g...
vue中使用signalR总结(前端代码）
一、SignalR 是什么？ASP.NET SignalR 是一个面向 ASP.NET 开发人员的库，可简化将实时 web 功能添加到应用程序的过程。 实时 web 功能是让服务器代码将内容推送到连接的客户端立即可用，而不是让服务器等待客户端请求新数据的能力。SignalR 可用于将任何类型的"实时...
vue源码分析—认识 Flow
认识 Flow Flow 是 facebook 出品的 JavaScript 静态类型检查⼯具。Vue.js 的源码利⽤了 Flow 做了静态类型检查， 所以了解 Flow 有助于我们阅读源码Flow 的官方文档为什么⽤ Flow JavaScript 是动态类型语⾔，它的灵活性有⽬共睹，但是过于灵...
原生js拖拽、jQuery拖拽、vue自定义指令拖拽
原生js拖拽：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width...
分享vue-element-admin 实现动态路由的思路
目录结构需要用到权限控制的话，可以直接克隆这个分支https://gitee.com/panjiachen/vue-admin-template/tree/permission-control/2.文件目录下分别有两个permission.js文件，与main.js同级的是全局路由前置守卫，因此每次...
vue+element-ui实现表格内嵌套el-image自动绑定tableData中的图片url，并实现点击大图功能
vue+element-ui实现表格内嵌套el-image自动绑定tableData中的图片url，并实现点击大图功能预期效果实现预期效果预期的目标结果如下图中的效果： 点击图片弹出大图实现官方文档：element-ui的table部分首先，我们知道element-ui的数据绑定方式是：method...
vue关闭严格模式
vue的严格模式非常烦人，为了关闭它百度很久没有结果，但方法其实很简单。首先打开图形界面 然后进入到想要修改的项目当中 然后点击配置，出现了以下的界面 这个ESLint默认是必须的，改成推荐就可以顺利关闭严格模式。...