Vue.js
Z_沿华
这个作者很懒,什么都没留下…
展开
-
在vue中实现页面滚动(停止滚动)的动画效果总结
1、运用到的技术:监听滚动事件:window.addEventListener('scroll', function(handleScroll)); 动画库:animate.css2、总结:滚动事件触发时,记录滚动条的垂直位置:document.documentElement.scrollTop||document.body.scrollTop 滚动停止触发思路:在滚动触发时,...原创 2020-04-13 17:27:53 · 3676 阅读 · 0 评论 -
vue中,class的动态绑定
原创 2018-01-04 19:32:02 · 436 阅读 · 0 评论 -
在vue中,使用setInterval()方法
mounted() { this.getElevatorList(); setInterval(this.getElevatorList, 15000); }在mounted()函数里边使用setInterval(), getElevatorList()这个方法在methods里边写,在mounted钩子函数里边原创 2018-01-05 10:48:09 · 40923 阅读 · 3 评论 -
vue中,启动项目报错。
检查有没有package.json和node_modules文件夹。原创 2018-01-09 15:05:57 · 1933 阅读 · 0 评论 -
在vue中,一个页面多个echarts,自适应
window.addEventListener("resize", function() {myChart.resize();});原创 2018-01-10 20:01:54 · 6188 阅读 · 5 评论 -
在vue中,定义数组,在加载ajax接口之前,已经用数组开始绑定,结果报错
一进页面,没加载接口的时候,先给数组里定义一个默认的值,让页面先绑定,接口加载完,再覆盖掉。原创 2018-01-10 20:37:35 · 1835 阅读 · 0 评论 -
在vue中的for循环,我经常用这两种方法
1、for(let item of response.data.result) {用item操作每一条数据。 }item:定义的每一条的变量response.data.result:要循环的数组2、response.data.result.forEach((item, index) => {用item操作每一条数据。})response.data.res原创 2018-01-10 20:40:33 · 56840 阅读 · 2 评论 -
在vue中,页面中访问全局的函数,例子:保留两位小数函数
1、js里面写函数。//组态图上取两位小数function toDecimal(x) {var f = 0;//判断是否是字符串类型if(typeof(x) == "string") {if(x != null && x != '') {f = parseFloat(x);}} else {f = x;}f = f.toFixed(2);retu原创 2018-01-10 20:48:49 · 3517 阅读 · 0 评论 -
在vue项目中,发版之后,背景图片报错,路径不对
解决方法:在utils.js里边的加上publicPath:'../../',在引入图片或者背景图的时候,使用方法:原创 2018-02-11 15:47:45 · 928 阅读 · 0 评论 -
在vue中,文字向上滚动效果。
HTML:<div class="nwwest-roll" id="nwwest-roll"> <ul id="roll-ul"> <li v-for="item in list" ref="rollul" :class="{anim:animate==true}原创 2018-05-02 22:42:31 · 18572 阅读 · 3 评论 -
在vue中,v-for的索引index在html中的使用
原创 2018-01-04 19:22:24 · 9265 阅读 · 0 评论 -
在vue中,使用echarts的自定义主题
1、安装echarts,npm i echarts -S2、在main.js里引入echarts主题的js,一般在 node_modules---echarts---theme---macarons.js。 theme里边有各种各样的主题,任意选一种,这里我选的是macarons。引入:import 'echarts/theme/macarons.js'3、在echarts初始化时,原创 2018-01-22 08:41:32 · 14300 阅读 · 4 评论 -
vue中,select选择框中,显示名称
label="所属模块" value="0">所属模块显示名称用 label=“”属性。原创 2018-01-02 08:45:01 · 8676 阅读 · 3 评论 -
在vue中,beforeRouteEnter()和beforeRouteLeave()的函数解释
1、beforeRouteEnter(to, from, next){要执行的代码操作next();}beforeRouteEnter:进入路由之前执行的函数。next(); --》 必须有这个,相当于一个按钮开启一样。2、1、beforeRouteLeave(to, from, next){要执行的代码操作next();}befor原创 2018-01-11 10:34:51 · 51746 阅读 · 0 评论 -
vue中,分页
1、在表格中先.slice(),:data="alertqueueList.slice((page-1)*pagesize,page*pagesize)"2、element-ui中的html:parseInt(total)>3、绑定数据:total: 0,page: 0,pagesize: 15原创 2017-12-27 10:16:39 · 500 阅读 · 0 评论 -
vue中,实现选项卡
{{item.name}}未处理告警列表1序号告警名称状态1污水站MBR回流泵B相电流大于4.9A预警未处理2污水站调节池液位大于等于4.5m预警未处理3约克空调冷却水进水温度大于50℃未处理4一号锅炉压力大于等于0.96Mpa预警未处理5配电室温度超过35度未处原创 2018-01-02 20:32:34 · 1311 阅读 · 0 评论 -
vue中,在表格里,取每行的id的方法
1、在template上写上 slot-scope="scope"2、然后在template里边的标签上,scope.row.id原创 2017-12-28 08:36:17 · 16662 阅读 · 5 评论 -
vue中,js中路由跳转
this.$router.push('IndexDtaqInfo/' + device_id);原创 2018-01-03 19:34:05 · 7606 阅读 · 4 评论 -
在vue中,localStorage本地存储应用。
1、先存在localStorage里面。localStorage.setItem('indexUrl','#/IndexA');2、在用到的时候,获取数据//获取本地this.indexUrl = localStorage.getItem('indexUrl');原创 2018-01-12 20:00:58 · 17854 阅读 · 0 评论 -
在vue中,路由传参以及获取
1、path: '/IndexDtaqInfo/:device_id' ----路由定义2、使用时获取id:this.$route.params.device_id原创 2018-01-04 12:54:12 · 5312 阅读 · 0 评论 -
在vue中,对属性绑定数据
1、title:v-bind:title="elevatorInfo.device.domain_id_name"2、对图片绑定::src="imgUrl.fl2Url"3、多个if判断:v-if="elevatorInfo.mapKeyName.status == 0" v-else-if="elevatorInfo.mapKeyName.status == 1"v-else原创 2018-01-04 13:00:28 · 1067 阅读 · 0 评论 -
Vue.js中,使用echarts
1、安装echarts依赖包,npm i echarts -S2、引入echarts,3、html:4、原创 2017-12-14 22:55:15 · 691 阅读 · 0 评论