随笔分类 - WEB - Vue
摘要：<van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad" :offset="10" :immediate-check="false" > <div class="comp" v-for=
阅读全文
摘要：改变列表的值 一直不渲染 <van-pull-refresh v-model="refreshing" @refresh="onRefresh"> <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load
阅读全文
摘要：vue标签页tabs和codemirror一起使用时， codemirror 会变形 要注意tab切换时，codemirror必须刷新配置 <el-tabs v-model="configupload.upload_active" type="card" @tab-click="handleChan
阅读全文
摘要：默认是@change="changeEvent" 不传递参数，才会把选中的值带过去 但是有时候，我们不仅仅需要选中的值，还需要传递额外的值，比如id之类的参数怎么办呢，下面有两种方法可以解决 第一种：@change = changeEvent( event,args)；event,args)；eve
阅读全文
摘要：在使用echarts柱状图时，如果数据过多，图的显示不会那么直观，有的横坐标会被隐藏，如下图所示： 想实现可以通过横向滚动条拖动展示数据，看了官方文档，实现的效果如下 具体代码：就是添加这个代码就可以了 dataZoom: [ { id: 'dataZoomX', type: 'slider', x
阅读全文
摘要：<template> <div id="zptime"> {{setDate}} </div> </template> <script> export default { name: 'zptime', data() { return { date: new Date(), } }, compute
阅读全文
摘要：验证网页的正则表达式为： var regStr = "^((https|http|ftp|rtsp|mms)?://)?" //域名之前的协议字符串可以出现一次或不出现 + "(([0-9a-zA-Z_!~*'().&=+$%-]+: )?[0-9a-zA-Z_!~*'().&=+$%-]+@)?"
阅读全文
摘要：Grafana集成进自己的监控项目 可能有需求是将grafana的dashboard集成到自己的监控系统里面，这样就避免了进grafana再查看 方案有是有，可能有点不安全，建议实在要这么干的话： 尽量是公司内部玩，也就是纯内网操作； 找IT设置网络访问权限，只有公司IP可以访问监控系统和grafa
阅读全文
摘要：1. @filter-change 要写在table根元素，也就是<el-table @filter-change="filterChange"></el-table> 2. 需要筛选的项，要写上 :column-key=" ' aaa ' " 3. 要搜索全局，就要去掉对应筛选项的 :filter
阅读全文
摘要：better-scroll github 最近项目使用了better-scroll这个插件，这个插件用起来还是有不少问题的。 除了普遍会遇到的无法滚动、无法点击等问题，这些作者都已经说得很清楚了。下面说说我遇到的其他问题及解决方法。 1.无法响应鼠标滚轮滚动： 无法点击大家都知道了，在创建bscro
阅读全文
摘要：1、table 部分 :row-key='getRowKeys':expand-row-keys="expands"@expand-change="expandSelect" 2、column 部分 ：参见官方示例 <el-table-column type="expand" > <template
阅读全文
摘要：html <div class="loadingcontainer" :style="{display:disp}"> <div class="spinner"> <div class="spinner-container container1"> <div class="circle1"></di
阅读全文
摘要：vue keep-alive https://cn.vuejs.org/v2/api/#keep-alive keep-alive 不生效的可能原因 如果安装官方的写法，已经正常完成keep-alive <keep-alive :include="['a', 'b']"> <component :i
阅读全文
摘要：1 、修改浏览器标签名称： 修改浏览器标签名称在文件：\src\settings.js 2 、修改固定头部Header和侧边栏 Logo： 1）侧边栏文件在：\src\layout\components\Sidebar\index.vue， Sidebar组件中 2）修改侧边栏Log和标题在文件：s
阅读全文
摘要：步骤一 修改这三处的值为：2 步骤二 把这两处默认的勾选去掉，不让其detection当前文件的Tab缩进 注意！ 通过上面两个步骤，我们只是改变了在JS文件的Tab缩进改为2个空格 但是，*.vue的文件缩进问题并没有被解决！ 我们发现，Code Style的选项没有Vue这一项，所以我们去Oth
阅读全文
摘要：vue中 把一段长数组按照指定份数 均分 sliceArray(array, size) { var result = []; for (var x = 0; x < Math.ceil(array.length / size); x++) { var start = x * size; var e
阅读全文
摘要：方式一： <span class="person_name">{{item.type_name == '车商' ? item.title : item.type_name == '车型' ? item.card_title : '暂无数据'}}</span> 方式2：v-if <span v-if=
阅读全文
摘要：经常会遇到远程排序，需要去掉null状态的排序，当设置sortable='custom'时，设置sort-orders为['ascending', 'descending']是不生效的。然后查到了一种解决办法，如下： element表格排序有三种状态，升序、降序、null，现在想要实现的效果为只要升
阅读全文
摘要：一、typeof判断数据类型（判断数组跟对象都返回object） console.log(typeof null); // "object" console.log(typeof function () { return 1; }); // "function" console.log(typeof
阅读全文
摘要：当 v-if 与 v-for 一起使用时，v-for 具有比 v-if 更高的优先级，这意味着 v-if 将分别重复运行于每个 v-for 循环中 所以，不推荐v-if和v-for同时使用 使用推荐方式： <div v-if="proxyconfig.ip instanceof Object ">
阅读全文
浙公网安备 33010602011771号