当我们在封装了echarts组件之后，需要在同一个页面中引入多次时，会出现数据覆盖等一系列问题当时我是修改了id也无济于事，达不到我需要的效果解决方案其实很简单，修改一点就好了，将我们封装的组件中的id选择器删掉，换成ref，下面是组件修改部分<template><div><div class="echarts my-echarts" ref=...

项目过程中需求我要在动态循环的数个产品列表中让每个产品列表的的详情列表默认显示三条，点击显示更多按钮则全部显示，再次点击此按钮则回到隐藏到只剩三条的状态。完成效果展示首先我们先渲染好产品列表<template><div><div v-for="(item,index) in list" :key="index"><di...

前言由于最近项目做到了需求前端判别用户使用的不同语言并且进行自动切换语言，并且在切换语言之后用户也能够自主选择去切换不同语言，所以想着记录一下。一、环境准备我们需要准备开发环境，我这里使用vue-cli官方脚手架搭建了一个vue的开发环境。二、安装 vue-i18n我这里使用npm安装依赖$ npm install vue-i18n三、引入 vue-i18n这里我是在main.j...