摘要:
1.饼图 <template> <div> <div ref="chart1" class="chart"></div> </div> </template> <script> import * as echarts from "echarts"; export default { data() { 阅读全文
摘要:
1.普通折线图 <template> <div> <div ref="chart1" class="chart"></div> </div> </template> <script> import * as echarts from "echarts"; export default { data( 阅读全文
摘要:
1. 多个柱状图 <template> <div> <div ref="chart1" class="chart"></div> </div> </template> <script> import * as echarts from "echarts"; export default { data 阅读全文
摘要:
1. vue-echarts和echarts的区别 · vue-echarts是封装后的vue插件, 基于 ECharts v4.0.1+ 开发,依赖 Vue.js v2.2.6+,功能一样的只是把它封装成vue插件 这样更方便以vue的方式去使用它。 · echarts就是普通的js库。 2. v 阅读全文
摘要:
1. 安装echarts 步骤一:git bash here中输入: npm install cnpm -g 步骤二:git bash here中输入: cnpm install echarts --save 步骤三:在 main.js 中写入以下内容: import * as echarts fr 阅读全文
摘要:
首页加载很慢的原因: 1. 由于vendor.js和app.css较大,VUE等主流的单页面框架都是js渲染html body的,所以必须等到vendor.js和app.css加载完成后完整的界面才会显示。 2. 单页面首次会把所有界面和接口都加载出来,会有多次的请求和响应,数据不能马上加载,二者相 阅读全文
摘要:
步骤一:将原来锚链接中href="#id1"去掉,增加点击事件@click="toTopic('#id'+index)" <a v-for="(tag, index) in 30" :key="index" @click="toTopic('#t'+index)"> <el-tag type="in 阅读全文
摘要:
使用场景: ①可以减少图片的请求数量(集合到js、css代码中); ②可以防止因为一些相对路径等问题导致图片404错误; ③提高加载速度; 步骤一:打开网站:https://www.strerr.com/cn/base64_encode_img.html 步骤二:上传图片,复制转换后的base64数 阅读全文
摘要:
vue-seamless-scroll使用手册:https://chenxuan0000.github.io/vue-seamless-scroll/zh/guide/properties.html 步骤一:git bash输入:npm install vue-seamless-scroll --s 阅读全文
摘要:
1.方式一 步骤一:创建文件:src/utils/numberToCurrency.js export function numberToCurrencyNo(value) { if (!value) return 0 // 获取整数部分 const intPart = Math.trunc(val 阅读全文