随笔分类 - Vue
摘要：<template> <div> {{ time | formatTime }} {{ status | getDicVal(statusDic) }} </div> </template> statusDic: [ { key: '1', value: '启用' }, { key: '2', va
阅读全文
摘要：1. iconfont网站，将图标添加到项目，并下载到本地 2. 在src/assets/文件下，新建iconfont文件夹，将字体文件放入其中 3. 在iconfont.scss中 将下载下来的文件 iconfont.css中的内容，复制到 iconfont.scss中，注意修改 路径 1 @fo
阅读全文
摘要：使用 SVG 组件 1. 安装 svg-sprite-loader npm i -D svg-sprite-loader 2. 新增 SvgIcon 组件 1 <template> 2 <svg class="svg-icon" 3 aria-hidden="true"> 4 <use :xlink
阅读全文
摘要：vue本地项目，想要在手机端访问的时候，需要在vue.config.js的devServe中修改 host的值 host: "localhost" ==> host: "**.**.**.**" 但每次启动前都要手动查询ipconfig/ifconfig，比较麻烦。 所以，用nodejs的‘os’来
阅读全文
摘要：1. npm install vue-monoplasty-slide-verify --save 1 import Vue from 'vue'; 2 import SlideVerify from 'vue-monoplasty-slide-verify'; 3 4 Vue.use(SlideV
阅读全文
摘要：1 <template> 2 <el-tooltip placement="top" content="回到顶部"> 3 <back-to-top :custom-style="myBackToTopStyle" 4 :visibility-height="300" :back-position="
阅读全文
摘要：为给客户更好的客户体验，首屏组件加载速度更快一些，解决白屏问题。常用的懒加载方式有两种：即 ES中的import 和 使用vue异步组件一、 路由懒加载 1、未用懒加载，vue中路由代码如下 1 import Vue from 'vue' 2 import Router from 'vue-rout
阅读全文
摘要：一、 keep-alive包裹的组件，在actived的钩子函数总进行调用。 二、在使用Vue-router做项目时，会遇到如/serviceId/:id这样只改变id号的场景。由于router-view是复用的，单纯的改变id号并不会刷新router-view。 当然，我们可以在点击事件上加上ro
阅读全文
摘要：1. npm install amap --save 2. 在index.html中写入 <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.4&key=**********4b9e&plugin=AMap.G
阅读全文
摘要：1. 三元表达式 :class=" hasShow?'actived':' ' " 2: 对象语法 :class="{ 'active': isActive }" :class="{ 'active': isActive=='1' }" :class="{'active':isActive==ind
阅读全文
