vue

vue中使用 echarts3.0 或 echarts2.0 (模拟迁徙图,折线图)

一、echarts3.0(官网:http://echarts.baidu.com/)首先通过npm安装echarts依赖,安装的为3.0版本npminstallecharts-s也可以使用淘宝镜像npminstall-gcnpm--registry=https://registry.npm.taobao.orgcnpm...

Vue根据URL传参来控制全局 console.log 的开关

如果你的项目中console.log了很多信息,但是发到生产环境上又不想打印这些信息,这时候就需要设置一个全局变量,如:debug,用正则匹配一下参数:constgetQueryStr=(name)=>{varreg=newRegExp("(^|&)"+name+"=([^&]*)(&|$...

解决Vue方法中setTimeout改变变量的值无效

把data里的变量继承过来重新封装一下letthat=this;this.rightAnswer=false;setTimeout(function(){   that.rightAnswer=true;},1500)...

Vue获取DOM元素样式 && 样式更改

在vue中用document获取dom节点进行节点样式更改的时候有可能会出现'style'isnotdefinde的错误,这时候可以在mounted里用$refs来获取样式,并进行更改:<template><divref="abc"><!--...--></div><...

报错:[Vue warn]: Error in callback for watcher "value": "Value should be trueValue or falseValue."

用的iview组件库+vue,报了个这个错[Vuewarn]:Errorincallbackforwatcher"value":"ValueshouldbetrueValueorfalseValue."后台给我的值是0,1我这边按钮的值是true,false,那个错误指的是这个解决办法:在列表渲染赋值时三元表达式判断,...

vue-countTo 数字滚动插件

很好用的数字滚动插件vue-countTonpm安装npmivue-count-to使用<template><countTo:startVal="startVal":endVal="endVal":duration="3000"></countTo></template>...

vue滚动条插件happy-scroll

安装vue-happy-scrollnpminstallvue-happy-scroll--save-dev注册组件在main.js文件中引入//滚动条import'vue-happy-scroll/docs/happy-scroll.css'importHappyScrollfrom'vue-happy-scroll...

vue中使用echarts

从npm安装------>vue文件中使用有详细的说明 | | |V强烈推荐此博主的https://blog.csdn.net/weixin_37861326/article/details/80775326...
代码星球·2020-04-10

vuex 、store、state (转载)

vuex 文档https://vuex.vuejs.org/zh/guide/state.html ...
代码星球·2020-04-10

vue-element-admin 项目引入Echarts中的dataTool; echarts.dataTool.prepareBoxplotData is not a function

 import echarts from 'echarts'import dataTool  from 'echarts/extension/dataTool' 引用了就可以输出,自动和echarts关联上来。created(){...

vue-admin-template 报错 This project has been renamed to 'tasksfile'. Install using 'npm install tasksfile' instead.

采用别人写好的vue-admin-template框架。(https://panjiachen.gitee.io/vue-admin-template)npminstall 报错: Thisprojecthasbeenrenamedto'tasksfile'.Installusing'npminst...

iview Carousel 轮播图自适应宽高;iview 轮播图 图片重叠问题;iview tabs 高度互相影响问题;vue this问题;

  最终效果图:    一、轮播图中图片自适应宽高; <Carouselloopv-bind:height="imgHeight+'px'"v-model="carouselValue"><divv-for="iteminimgDa...

vue-element-admin 前端框架 使用感触

 感触:不搜不知道,一搜吓一跳!经常百度很重要。美国有gitgub:https://github.com/search?q=vue-element-admin中国有码云:https://gitee.com/search?utf8=%E2%9C%93&q=+vue-element-admin&t...

vue组件原生事件以及路由

1.组件组件就是可以扩展HTML元素,封装可重用的HTML代码,可以将组件看作自定义的HTML元素1.1组件注册全局注册:组件注册时,需要给他一个名字,如下:Vue.component('my-component-name',{/*...*/})#组件名使用kebab-case(短横线分隔命名)定义时,引用这个元素时使...

vue进阶语法及生命周期函数

1.calss和style绑定  操作元素的class列表和内联样式style是数据绑定的一个常见需求,它两都是属性,所以可以通过v-bind来绑定1.1绑定HTMLclass  可以给v-bind:class一个对象,以动态切换class<divv-bind:class="{active:isActive}"&...