echart中的formatter自定义函数 tooltip: { show:true, trigger: 'item', //formatter:'{a}<br />{b}:{c}万元', formatter:(params) => { let tex= params.seriesName +'<br />'+ params.value if(params.seriesType...
vue大屏页面 <template> <div class="home" :style="styObj"> <div class="echart_main"> <div class="top_wrap"> <div class="top_title"></div> <div class="top_text"></div> <div cl
vue 宽度自适应 <template><div class="my"> <div class="mydiv"> <div class="mytest" :style="testObj"></div> <div class="mytest" :style="testObj"></div> <div class="mytest" :style="testObj"></di
解决echarts点击事件调用n次的问题 // 解决点击事件调用n次的问题 // 1、清除画布 myChart.clear() // 2、调用setOption myChart.setOption(option) ///3、在渲染点击事件之前先清除点击事件 myChart.off('click') // triggerEvent为true时,触发点击事件 myChart.on('click', function (params) { // console.log(params) if (params.value === '订单') {
vue-cli4路径别名问题 //在总文件下,创建vue.config.js文件const path = require('path')const resolve = dir => path.join(__dirname, dir)module.exports = { chainWebpack: config => { // 设置快捷路径, @ 表示 'src' ,components 表示 'src/components' config.resolve.alias
全局守卫包括前置守卫和后置守卫调用方法 在router/index.js里面修改title标签方法const routes = [ { path: '', redirect:'/home' }, { path: '/home', component: Home, meta: { title: 'home' }, //子组件添加,第一个为空,导入默认显示用redirect
传递字符串和参数的方法 传递字符串和参数的方法 <router-link to="/home" tag="button" router-link-active>home</router-link> <router-link to="/about" tag="button">about</router-link> <!---<router-link v-bind:to="'/user/'+userId" tag="button">user</r
嵌套默认路由 HOME页面嵌套默认路由 <router-link to="/home/news" >news</router-link><!---'/'必须要--> <router-link to="/home/message">message</router-link> <router-view></router-view><!---占位,为倒入NEW和MESSAGE必须要-->
第一个vue加法计算 //第一个vue加法计算<script src="./vue.js"></script><div id="app"> <div class="ll"> <button @click="sub"> - </button> <span>{{num}}</span> <button @click="add"> + </button> </div><scr