vue
vue路由跳转传递数据方法
1.使用$router.push拼接参数传参this.$router.push('/editCardetail?editType=add')2、使用name来确定匹配的路由，通过params来传递参数this.$router.push({name:'login',params:{editType:add}})3、使用p...
vue开发项目必备知识
Vue项目开发相关问题总结。一、创建一个项目（两种方式）1.通过CLI命令行创建，具体步骤如下：（1）Node版本要求VueCLI需要Node.js8.9或更高版本(推荐8.11.0+)。（2）下载vue命令行工具-----------$npminstall-g@vue/cli检查版本-----$vue-V3.0以上都...
vue开发vs所需要的插件大全
这几个一一下载，没问题了。 常用的插件主要有以下：chinese中文简体安装包Vetur语法高亮、智能感知Vscode-icons目录树图标Auto Close自动添加HTML / XML关闭标签Beautify格式化javascript，JSON，CSS...
vue实现简单添加购物
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><met...
vue+elementui进阶之路-el-table中显示图片
1、table中显示图片2、当需要遍历图片时，不能直接使用prop绑定值3、一张图片<el-table-columnlabel="头像"> <templateslot-scope="scope"> <img:src="scope.r...
DRF框架和Vue框架阅读目录
Vue框架目录（一）Vue框架（一）——Vue导读、Vue实例（挂载点el、数据data、过滤器filters）、Vue指令(文本指令v-text、事件指令v-on、属性指令v-bind、表单指令v-model)（二）Vue框架（二）——Vue指令（v-once指令、v-...
Vue实现简单的列表金额计算效果（简易购物车）
代码：<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><scriptsrc="js/vue.js"typ...
VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
我们在开发项目的时候，往往会在同一个局域网进行开发，前后端分离同时进行开发。我们前端调用后端给的接口也是在局域网内部的。但是，当项目推到线上的时候，我们会从真实服务器上获取接口，因此，我们可能在测试接口和真实接口之间频繁切换，让人十分恶心。因此，我们有必要想办法解决这个问题。本文是 Vue2+VueRoute...
vue2.0 引入font-awesome
网上的大部分教程复杂而且难看懂，其实两步就能搞定。先cnpminstallfont-awesome--save引入依赖 然后在main.js引入 font-awesome/css/font-awesome.min.css即可。import'font-awesome/css/font-awesome....
vue-cli 脚手架项目简介（一）
vue-cli是用来生成vue项目的命令行工具，它的使用方法是这样的：vueinit<template-name><project-name>第二个参数template-name就是我们打算使用的模板，目前，模板是通过github上vue-templates这个组织进行发布。我们通常使用的vue...
vue-router 在微信浏览器中操作history URl未改变的解决方案
在PC端和手机浏览器中router.replace() or router.push()能够正常使用，页面的地址和页面都正常显示；但是在微信中，从/a页面通过router.push('/b')跳转到/b页面后，页面正常，但是复制浏览器的地址会发现其地址仍为/a;选择在浏览器打开发现也是显示的/a的页...
Vue代码分割懒加载的实现方法
什么是懒加载懒加载也叫延迟加载，即在需要的时候进行加载，随用随载。为什么需要懒加载在单页应用中，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，延时过长，不利于用户体验，而运用懒加载则可以将页面进行划分，需要的时候加载页面，可以有效的分担首页所承担的加载压力，减少首页...
使用Vue自定义指令实现Select组件
完成的效果图如下： 一、首先，我们简单布局一下：<template><divclass="select"><divclass="inner"><divclass="inputWrapper"><inputtype="text"readonlyplaceho...
vue中页面跳转拦截器的实现方法
首先对index.js的router进行配置;exportdefaultnewRouter({routes:[{path:'/consultancy',name:'consultancy',meta:{requireAuth:true//配置此条，进入页面前判断是否需要登陆},component:selfcenter}...
Vue.directive()的用法和实例
官网实例：https://cn.vuejs.org/v2/api/#Vue-directivehttps://cn.vuejs.org/v2/guide/custom-directive.html 指令定义函数提供了几个钩子函数（可选）：bind:只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义...
