vue
关注
分享
扫一扫
北冥有锅
我不是蛋炒饭，我只是蛋的搬运工
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vant list的列表，瀑布流滚动加载，用于展示长列表，当列表即将滚动到底部时，会触发事件并加载更多列表项。
由于手机的屏幕长度限制，如果获取的列表数据有很多条，就需要使用预加载的形式。手机下滑多少，就加载多少条数据。主要后端传参的字段：take（每次加载获取多少条数据,初始化一般为8，列表足够填满手机屏幕就好），skip（再次获取数据时跳过多少条数据，一般都是跳过take*skip条）。data() { return { Skip: 0, Take: 8, },...原创 2019-07-11 15:01:57 · 1592 阅读 · 0 评论 -
element-ui template scope v-if 表格列动态展示时出现排序错乱问题
当使用element-ui 的el-table时，只要在中满足一下两个条件时，表格列动态展示时会出现排序错乱条件一：el-table-column中使用template slot-scope=“scope”比如：<el-table-column> <template slot-scope="scope"> {{scope.row.name}} </t...原创 2020-05-21 15:47:05 · 1939 阅读 · 1 评论 -
Vue组件完整生命周期（按顺序,1.创建；2.挂载；3.更新；4.销毁）
Vue组件完整生命周期（按顺序,1.创建；2.挂载；3.更新；4.销毁）beforeCreate createdbeforeMount mountedbeforeUpdate updatedbeforeDestroy destroyed<!DOCTYPE html><html lang="en"> <head> <...原创 2020-12-08 13:36:03 · 352 阅读 · 0 评论 -
this.$router.go()和this.$router.push()的差别
this.router.go()和this.router.go()和this.router.go()和this.router.push()的差别1.this.$router.go(val) => 在history记录中前进或者后退val步，当val为-1时回到上一页。当val为0时刷新当前页面。当val为1到下一页。2.this.$router.push(path) => 在...原创 2020-05-25 20:24:35 · 481 阅读 · 0 评论 -
vue，v-for制作滑动翻页table表
vue，v-for制作翻页table表template代码// An highlighted block&amp;amp;amp;amp;lt;div class=&amp;amp;amp;quot;chart-bottom&amp;amp;amp;quot;&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;h3 class=&amp;amp;amp;quot原创 2019-06-03 12:43:50 · 1741 阅读 · 0 评论 -
Vue的数字滚动效果
Vue的数字滚动安装插件npm install vue-count-to，重新运行：npm run dev全局安装 main.js:import countTo from 'vue-count-toVue.use(countTo)相应的页面下：写入：引入：import countTo from ‘vue-count-to’comments: {countTo}写入...原创 2019-06-03 12:43:05 · 1662 阅读 · 0 评论 -
搜索框模糊查询--关键字查询，不区分大小写并且设备高亮显示
搜索框模糊查询–关键字查询，不区分大小写一个输入框和一个搜索按钮<template> <div slot="footer" class="mybtn"> <p class="searchBody"> <Input v-model="waterCoversName" class="search原创 2019-06-03 12:43:16 · 3549 阅读 · 0 评论 -
(五) 父子组件结合$emit $on $refs设置重置按钮
一、$emit1、this emit（′自定义时间名′,要传送的数据）；2、触发当前实例上的时间，要传递的数据会传给监听器；二、emit（&amp;amp;#x27;自定义时间名&amp;amp;#x27;,要传送的数据）；2、触发当前实例上的时间，要传递的数据会传给监听器；二、emit（′自定义时间名′,要传送的数据）；2、触发当前实例上的时间，要传递的数据会传给监听器；二、on1、VM.on(′事件名...原创 2019-06-03 12:42:58 · 519 阅读 · 0 评论 -
Iview日期和时间范围选择器组件的封装
成品示意图：一. 在iView组件库中选择：DatePicker 日期选择器，这是一个封装好的时间选择器，里面还有很多不同的类型，这次我们主要使用的是，用具体到时分秒的日期选择器type=“datetime”二. 在components文件下子组件，timeRange/main.vue，放时间选择器子组件的文件。父组件，tastLog/dispatch/index.vue，将时间选择器的...原创 2019-06-03 12:40:59 · 4378 阅读 · 0 评论 -
Vue格式化日期时间为（YYYY-MM-DD hh：mm：ss）
在src下创建一个文件plugins的文件，如图在里面的format.js文件下写入function format (date, format) { if (!date) { return '' } let d = new Date(date) // 年 if (/YYYY/.test(format)) { format = format.repl...原创 2019-06-03 12:40:23 · 17935 阅读 · 2 评论 -
Vue设置路由
首先在router文件下设置index.js文件，以askLog子路由为例，由于主界面没有设置内容，所以为空index.js主路由代码//在router文件下不可以有注释，此处只为了解释import Vue from 'vue'import Router from 'vue-router'import taskManage from './taskManage.router.js'...原创 2019-06-03 12:42:45 · 214 阅读 · 0 评论 -
echarts-合集
1.强制分割y轴的间隔并且设置最大值（前提，y轴的数据必须会在一定范围内，比如说24小时） yAxis: {//每段强制间隔为4个数值，最大为24，所以会分为6段 interval: 4, max: 24, }...原创 2019-06-03 12:42:35 · 194 阅读 · 0 评论 -
两个子组件之间的传值
举例：将A的drawerStart数值传递给B,来决定B的某个样式是否显示,并且点击 @click="changerDrawerStart"会改变 drawerStart的数值（这里可以使用监听watch，监听drawerStart的改变），通过$emit方法来实现传参的方式组件A代码：思路：如果两个子组件在同一个父组件上，可以将父组件作为一个桥梁(用一个中间值)，中间商，先将决定性元素的子组...原创 2019-06-03 12:39:45 · 4889 阅读 · 0 评论 -
ajax get请求status=200，但是没有response
原因就是在正确请求之前，一定出现过错误的请求，导致 get出现缓存，无论你后来怎么请求，都是请求缓存的数据，只要在get的参数后面加上一个时间错就好...原创 2019-06-03 12:37:21 · 8694 阅读 · 1 评论 -
实习日记10月
11/16（周五）开始从事公司大数据小组的景宁大屏项目的开发。我的主要任务是完成旅游交通专题的前端切图。先根据UI给的设计稿纸完整地切出一张网页，后期还会和后端对接实现数据交互。今天只是熟悉了一下设计稿中网页的组成，没有真正地着手去做。这是我实习以来第一次正式参与到公司项目之中，有些紧张，不知道自己能不能完成交接的任务。这算是第一次测试自己的技术能力。11/19（周一）真正开始景宁大...原创 2019-06-03 12:36:52 · 460 阅读 · 0 评论 -
flex和float的布局的区别
<template> <div class="income-container"> <div class="income-list" v-for="item in dataList"> <div class="income-title">{{item.title}}</div> <div class="incom...原创 2020-05-25 20:23:48 · 5828 阅读 · 0 评论 -
关于AJAX异步获取的bug
关于AJAX异步获取的bug首先先贴上一张效果图如下,bug就是,实时获取的月份(10月,9月),刷新一下有时候显示,有时候不显示.再来看看我写的获取时间的代码以及获取表中数据queryData的代码修改前: async mounted () { this.queryData()//ajax获取echarts数据 this.theMonth = `${(await ge...原创 2019-06-03 12:44:09 · 221 阅读 · 0 评论