- 博客(4)
- 收藏
- 关注
RSS订阅
原创 前端 Vue实现国际化（可自动获取用户语言并切换
前言由于最近项目做到了需求前端判别用户使用的不同语言并且进行自动切换语言，并且在切换语言之后用户也能够自主选择去切换不同语言，所以想着记录一下。一、环境准备我们需要准备开发环境，我这里使用vue-cli官方脚手架搭建了一个vue的开发环境。二、安装 vue-i18n我这里使用npm安装依赖$ npm install vue-i18n三、引入 vue-i18n这里我是在main.j...
2020-03-27 16:52:37
6020
4
原创 vue 前端项目上线优化(一）
vue 前端项目上线优化（一）懒加载资源懒加载路由懒加载资源懒加载涉及到如element-ui，ant-design 等UI框架按需加载，或Echarts图表按需加载加载等方式可以大大减小项目打包体积。我们只需要在真正要使用到它某一个组件的时候的时候才会在这里加载到我们需要的这个组件，而不是在最开始的时候把整个库都加载到项目上，这样做将会产生非常多不必要的开销。实现方法举个例子，echarts的按需引入在utils目录下新建文件echarts.jslet echarts = r
2020-12-11 11:38:55
209
原创 vue 列表默认隐藏部分，点击显示更多按钮 同页面多个列表使用
项目过程中需求我要在动态循环的数个产品列表中让每个产品列表的的详情列表默认显示三条，点击显示更多按钮则全部显示，再次点击此按钮则回到隐藏到只剩三条的状态。完成效果展示首先我们先渲染好产品列表<template> <div> <div v-for="(item,index) in list" :key="index"> <di...
2020-03-30 22:13:44
4293
2
原创 vue封装的echarts组件多次被同一个页面调用出现的问题
当我们在封装了echarts组件之后，需要在同一个页面中引入多次时，会出现数据覆盖等一系列问题当时我是修改了id也无济于事，达不到我需要的效果解决方案其实很简单，修改一点就好了，将我们封装的组件中的id选择器删掉，换成ref，下面是组件修改部分<template> <div> <div class="echarts my-echarts" ref=...
2020-03-27 22:01:50
3534
12
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人