vue
康康不是只喵
越努力,越幸运。
展开
-
vue 项目中el-table实现无线滚动效果
给table一个ref属性,mounted的时候调用方法scrollTable(this.$refs.respRankingListTable);function scrollTable (table) { // const self = this // 拿到表格挂载后的真实DOM // const table = self.$refs[val] // 拿到表格中承载数据的div元素 const divData = table.bodyWrapper const ti原创 2021-10-09 10:35:27 · 837 阅读 · 0 评论 -
一个链接判断是移动端还是pc端跳转不同的页面
<template> <div id="app"> <router-view/> </div></template><script>import { setCookie } from '@/utils/tools'export default { name: 'App', mounted () { if (this.deviceType() === 'phone') { setC...原创 2021-09-27 11:19:37 · 362 阅读 · 0 评论 -
怎么监听sessionStorage的key变化
Vue.prototype.resetSetItem = function (key, newVal) { if (key === 'sysId') { // 创建一个StorageEvent事件 var newStorageEvent = document.createEvent('StorageEvent') const storage = { setItem: function (k, val) { sessionStorage.setItem.原创 2021-09-08 19:26:53 · 585 阅读 · 0 评论 -
vue-router打开相同路由控制台会报错
在router.js添加如下import Vue from 'vue'import VueRouter from 'vue-router'const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push (location) { return originalPush.call(this, location).catch(err => err)}Vue.use(VueRou原创 2021-08-25 18:55:26 · 103 阅读 · 0 评论 -
滚动条实现分页加载
<div :data="data" v-loading="loading" v-if="data.length" class="table-container-content" @scroll="scrollTo"> <template v-for="(item ,index) in data" > <card :item="item" :key="index" :i="index" @refresh="changeTable(...arguments,item).原创 2021-08-25 18:46:52 · 512 阅读 · 0 评论 -
form内table内嵌input,支持做上下移动校验
<template> <div class="export-template-table"> <el-table :data="form.tableData" v-if="disable" tooltip-effect="dark" border style="width: 700px;margin:0 auto"> <el-table-column label="属性路径" prop="propertyRoute"/> .原创 2021-08-12 19:34:57 · 189 阅读 · 0 评论 -
element的datepicker类型为datetimerange如何动态选择时间范围
selectDate: '', // 选择日期time: '1/h',pickerOptions: { onPick: ({ maxDate, minDate }) => { this.selectDate = minDate.getTime() if (maxDate) { this.selectDate = '' } }, disabledDate: (time) => { // 小于一个小时的粒度只能选择8天 i...原创 2021-06-25 20:16:09 · 1880 阅读 · 0 评论 -
ResizeObserver loop limit exceeded vue页面一直报错
// ignore ResizeObserver loop limit exceeded// this is ok in several scenarios according to// https://github.com/WICG/resize-observer/issues/38export function ignoreLoopLimit() { const e = window.onerror window.onerror = function(err) { if (err.原创 2021-04-12 16:48:13 · 2885 阅读 · 0 评论 -
给定一个值,让值域(颜色)与数组比较取区间颜色。
var me = this; var colors = []; var list = []; var color = ""; var domainColors = options.config.tipConfig.domainNames; colors = domainColors.map(function (ite...原创 2020-06-05 16:26:14 · 272 阅读 · 0 评论 -
iview的carousel的数据后端接口返回是分页数据而不是所有的数据的操作
<Carousel v-model="setValue" class="list-item" @on-change="changePersonInfo"> <Carousel-item v-for="(item,index) in data" :key="index"> <div class="demo-carousel"> <Row> <Col span="4" off..原创 2020-06-04 15:28:38 · 402 阅读 · 0 评论 -
vue项目如何在ie11兼容性视图下兼容
X-UA-Compatible是神马? X-UA-Compatible是IE8的一个专有<meta>属性,它告诉IE8采用何种IE版本去渲染网页,在html的<head>标签中使用。可以在微软官方文档获取更多介绍。 为什么要用X-UA-Compatible? 在IE8刚推出的时候,很多网页由于重构的问题,无法适应较高级的浏览器,所以使用X-UA-Compa...原创 2018-08-06 14:47:04 · 6211 阅读 · 0 评论 -
vue的安装
用Vue创建一个新的项目vue的安装Vue.js不支持IE8及以下版本。因为Vue.js使用了ECMAScript5特性,IE8显然不能模拟。Vue.js支持所有兼容ECMAScript5的浏览器。在用Vue.js构建大型应用时,推荐使用npm安装,npm能很好的和webpack等打包工具配合使用。如果使用npm过程中安装速度过慢,可以考虑使用淘宝镜像的cnpm来代替npm。下文中仅使...转载 2018-07-30 10:49:26 · 624 阅读 · 0 评论