vue-cli 构建的项目默认是不支持 less 的，需要自己添加。首选，安装 less 和 less-loader ，在项目目录下运行如下命令npm install less less-loader --save-dev安装成功后，打开 build/webpack.base.conf.js ，在 module.exports = 的对象的 module.rules 后面添加一段：mo...

我们需要在vue里不同的页面实现不同的标题， 可以利用路由的meta标签和路由守卫来实现// index.jsimport Vue from 'vue'import Router from 'vue-router'import Index from '@/components/Index'Vue.use(Router)export default new Router...

前阵子做到一个需求是要点击某个按钮弹出个模态框，然后点击模态框的时候模态框还在，点击模态框外部任意区域隐藏模态框，我网上找了下关于这方面的博客很少（也可能是我找的方式不对，哈哈）首先自己先做好一个模态框的结构，然后给这个结构赋予类名，用一个自定义变量控制这个模态框显示与隐藏<div v-if='showBox'><div class='show-parent'>...

因为项目中使用到了elementui所以利用了elementui的el-autocomplete组件来实现输入关键字弹出下拉列表<template><el-autocompletestyle="width: 100%"class="inline-input"v-model="state":fetch-suggestions="querySe...

定义个定位的div,需要绑定style<div v-if='showBox'><div class='show-parent' :style="{left: tranLeft, top: tranTop}"><div class="shard"><div class="show-inner">...