最终效果路由配置只有最底层的children才跳转显示视图import Vue from 'vue'import Router from 'vue-router'import layout from '../pages/layout/index'Vue.use(Router)const constantRouter = [{path: '/',...

公司要求vue修改cil的package.json项目名称 ，name名，要求中文；npm的文档写只写是小写英文要求如下：最少配置项， package.json 必须包括以下几项："name"全部为小写字母一个单词，无空格允许半角破折号和下划线我是这么解决的，npm run build打包后修改dist打包目录后的index.html的 <tit...

最终效果：引入mint-ui后 见上篇buttonmint.vue全部内容：<template><div><h1 class="page-title">按钮</h1><mt-button @click.native="handleClick&q

先安装npm install node-sass --save-devnpm install node-sass --save-devnpm install style-loader --save-dev如果npm安装报错，就安装cnpm配置loader在项目中的build目录找到webpack.base.conf.js文件，在该文件module.export中的mo...

1 后端接口获取城市信息2先获取省根据用户点击的省获取市3再根据用户点击的市获取区组件代码：<template><div class="city"><!-- 点击此处 省市区选择出现 --><div class="chooseCity" @click="clickCity">{{choo...

功能：点击el-dropdown下拉下拉的数据从后台获取遍历到界面上且多个el-dropdown下拉共用一个 @command事件 @command="handleCommand"上代码部分 html//全部城市 下拉//handleCommand下拉事件all_city点击后显示在上面的数据item.label下拉的数据:command点击...

1.效果2.所有代码<template><div class="now-time"><div class="timebox"><a href="#" v-for="(item,index) in nowTime" v-on

最终效果：准备：项目中安装jQuery：npm install jquery在build文件夹下的webpack.dev.conf.js文件中添加如下代码：plugins: [new webpack.ProvidePlugin({$: "jquery",jQuery: "jquery",jquery: "jquery"...

最终效果：回到顶部按钮BackToTop.vue组件：<template><transition :name="transitionName"><div class="page-component-up"@click="backToTop"v-show="visible":style="cus...

//循环背景图获取index<template><div id="app"><div class='pic'v-for="(item,index) in list":key=index :style="{backgroundImage:'url(' + item.img+ ')',...