weixin_41374628的博客

需要使用require将图片引入，然后当作一个变量使用 <img :src="require(`@/assets/images/list/${key.icon}`)" alt="" srcset="" />

有时候在开发时，除了需要的参数，还需要将事件传入<div v-for="(item,index) in list" @click="goDetail($event,item)">goDetail(e, item){ // e 就是事件}

vue 自定义滚动条在 Element-UI 中存在一个标签<el-scrollbar> 不知什么原因 在文档中并没有对这个进行体现。使用方式<div class="div"> <el-scrollbar style="height:100%"> <ul> <li></li> ...

借助中央事件总线实现非父子组件通信创建Bus.js文件import Vue from 'Vue';export default new Vue;Bus.js文件一般都是放在assets文件下面组件1中<button @click='sendMsg'>传送信息给组件2</button>import Bus from '@/assets/js/bus';...

index.vue<template> <div class="indexmain"> <div class="container"> <div class="containerbox"> <div class="left"> <navmenu :active="ac...

symbol优势：支持多色图标了，不再受单色限制。支持像字体那样通过font-size,color来调整样式。支持 ie9+可利用CSS实现动画。减少HTTP请求。矢量，缩放不失真可以很精细的控制SVG图标的每一部分使用方法# 引入 iconfont.js# 加入通用css代码（引入一次就行）：<style type="text/css"> .ic...

前言在每个项目中，我们的头部导航栏是必不可少的，一般情况下都需要实现路由导航。意思就是导航的高亮状态会根据地址栏的变更来改变。想要实现路由导航核心就是active-class这个属性，他的功能是设置激活链接时class属性，也就是当前页面所有与当前地址所匹配的的链接都会被添加class属性vue-router官方地址<router-link :to="/home" active-cl...