美文网首页
vue项目技术点总结(2020.05)

vue项目技术点总结(2020.05)

作者: Smile_smile_ | 来源:发表于2020-05-08 15:41 被阅读0次

1 一维数组给二维数组赋值

将一维数组内容按顺序赋值给不规则的二维数组(一维数组的长度与二维数组里的数组长度之和相等,且二维数组内的一维数组长度各不相同),如下;

一维数组给二维数组赋值(总长度相同)

2 浏览器图片缓存问题

问题:从接口获取图片流,图片改变后按照路径查看为新图,vue项目中显示依然为之前图片;
原因:浏览器的图片缓存;
解决方案:在图片路径后面拼接时间戳,使每次路径均不相同,浏览器就不会取缓存内容;

3 获取天数时间差

获取两个日期的时间差

4 echarts相关

①比例图(饼状图、环形图)百分比保留整数

echarts比例图百分比保留整数

②比例图(饼状图、环形图)轮播高亮

需设置图例,比例图按图例顺序切换

this.typeOption.legend.data = legendData;//legend.data 赋值

5 value-key 的使用

某些时候el-select 选择后需要同时获取value和label值,故v-model需绑定整个对象,此时需指定value-key作为标识内容;value-key 与option中的key名称相同,注意绑定value-key 不需要用“:”绑定,用法示例如下:

value-key使用

相关文章

  • vue项目技术点总结(2020.05)

    1 一维数组给二维数组赋值 将一维数组内容按顺序赋值给不规则的二维数组(一维数组的长度与二维数组里的数组长度之和相...

  • 百川平台项目总结

    百川平台项目总结 技术栈:vue + vuex + vue-router + vee-validate + Ele...

  • Vue后台管理界面

    Vue后台管理项目 一、自我总结后台管理界面项目里的知识点 项目起始 初学vue使用https://panjiac...

  • vue-实战去哪儿项目

    运行项目 npm install npm run dev 项目展示 项目涉及到技术栈: vue:Vue、Vue-r...

  • 项目技术分享

    火车票项目技术分享 项目规划和安排 项目实现和vue所遇到的坑 项目展望和总结 资源分享 项目地址:火车票 火车票...

  • Vue移动项目

    Vue移动项目总结 一、vue-cli创建项目并配置vue路由https://www.jianshu.com/p/...

  • vue 之 vuex入门

    这段时间一直在搞vue相关的项目,期间尝试使用vuex相关的技术,下面是一点点在这方面的总结。 一、什么是vuex...

  • 98道经典Vue面试题总结

    98道经典Vue面试题总结 本文档基于vue-cli技术栈总结了 vue-cli工程 vue.js核心知识 vue...

  • 记录一次完整vue的项目过程

    shop-vue移动端商城 项目概要 本项目用到的技术栈: vue-cli + vue-router + vuex...

  • vue-cli开发记录

    1.项目架构 项目使用到的技术vue-cli + vue-echarts + sass + axios 2.项目搭...

网友评论

      本文标题:vue项目技术点总结(2020.05)

      本文链接:https://www.haomeiwen.com/subject/fogrmhtx.html