vue
疯人院院长
这个作者很懒,什么都没留下…
展开
-
大屏可视化图表踩坑记录
echarts图表,动态获取数据,重新渲染失去高度;双Y轴的间隔不一致的问题原创 2024-04-28 15:45:50 · 292 阅读 · 0 评论 -
vscode setting配置
vscode,辅助发开原创 2024-04-18 16:40:22 · 253 阅读 · 1 评论 -
vue路由懒加载
原创 2019-06-19 11:52:42 · 111 阅读 · 0 评论 -
时间格式转换
filterDateFormat: function (date, format, notHasZero) { //hyh 时间过滤器// yyyy/MM/dd hh:mm:ssif (!(date > 0)) {return '';}date = new Date(date);var map = {"M": date.getMonth() + 1, //月份...转载 2019-06-03 17:29:24 · 270 阅读 · 0 评论 -
vue设置不能输入除了数字之外的东西
<input type="text"placeholder="请输入获取数量"v-model="num"maxlength='5'@keydown="seaNum" />原创 2019-06-19 18:20:42 · 884 阅读 · 0 评论 -
函数式组件
转载 2019-06-17 11:39:04 · 123 阅读 · 0 评论 -
对象的key值变量替换
// 原数据var data = {id: '1',name: '张三'}// 要改变的数据var keyMap = {'id': '序列','name': '姓名'}function transformKey(data, keyMap) {let newObj = Object.keys(data).reduce((newData, key) =...原创 2019-07-16 17:42:29 · 792 阅读 · 0 评论 -
url。对象,拼接成新的路径
createUrl(url, params) { var i = ''; for (i in params) { url += '&' + i + '=' + params[i]; } var reg = new RegExp("&"); return url.replace(reg, ""); },url =strin...原创 2019-08-05 15:49:35 · 301 阅读 · 0 评论 -
js 一个变量是否是空
function isEmpty(data) {if (data) {// 数字不为0,'0' ,字符串不为'',不是null,不是underfindif (typeof data === 'String') {if (data === 'null' || data === 'false' || data === '0') {return false}}if ...原创 2019-08-09 12:02:11 · 97 阅读 · 0 评论 -
vue监听滚动事件
window.addEventListener('scroll', () => {let scrollTop = document.documentElement.scrollTop ||document.body.scrollTop ||document.querySelector('.bk-main-content').scrollTop;console.log(scro...原创 2019-08-15 18:24:55 · 105 阅读 · 0 评论 -
el-upload 上传图片的限制
<divclass="upImg"><el-uploadclass="avatar-uploader"action="urlPath":show-file-list="false"...原创 2019-09-26 14:24:44 · 1526 阅读 · 0 评论 -
时间,倒计时处理
timeTransform(server_time, start_time) {function addZero(m) {return m < 10 ? ‘0’ + m : m}if ((start_time - server_time) > 0) {var time = start_time - server_time;var d = Math.floor(time / ...原创 2019-05-11 17:38:15 · 281 阅读 · 0 评论 -
vue element分页
<el-pagination background @current-change=“sizeChangeIndex” :page-size=“pageSize” :total=“total” layout=“total, prev, pager, next” style=“margin-top: 20px;text-align: right;”>...原创 2019-05-11 10:47:18 · 183 阅读 · 0 评论 -
数据的去重和判断
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Co...原创 2019-03-20 18:02:28 · 341 阅读 · 0 评论 -
element封装的selected多选(带数字)
(我师傅封装的)引入:<teaThree v-if="EditDialog" :eqMod="editClass.classEquipments" :eqData="equipmentName" :num="10" :currData="getEqData"></teaThree>utils里面引入:Vue.component('teaThree', require...原创 2019-03-21 14:04:41 · 417 阅读 · 0 评论 -
el-tabel(默认多选,数值改变,多选)
我自己项目中用到的,仅做参考,与君共勉vue代码部分(写在dialog里的):<el-dialog title="选择配件" :visible.sync="dialogCheckAccessories" width="45%"><el-table ref="multipleTable" :data="list" tooltip-effect="原创 2019-03-13 13:05:58 · 684 阅读 · 0 评论 -
动态添加输入框
vue代码部分:<el-form-item label="备注:"><el-input type="textarea" v-model="addAccessoriesInfo.remark" placeholder="请输入备注" autocomplete="off"></el-input><div原创 2019-03-13 13:13:38 · 1393 阅读 · 0 评论 -
forEach和map和filter的区别总结
最大的区别:forEach不会反悔新的数组,而是在原数组的基础上改变数组,可以用于数组的修改ag:var arr = new Array();arr = [1,2,3,4,5,6];arr.forEach((item,index,a)=>{console.log(item,index,a) //子元素,索引,原数组arr[index] = item + 1})...原创 2019-03-21 19:59:02 · 4109 阅读 · 1 评论 -
vsc 的vue项目的.vue代码片段编写
{"Print to console": {"prefix": "vue","body": ["<template>"," <div>"," <h1> 好</h1>"," </div>","</template>","","","<script>"," import ...原创 2019-04-12 18:32:37 · 346 阅读 · 0 评论 -
vsc 的vue中.js文件的代码片段编写
{“Print to console”: {“prefix”: “js”,“body”: [“export default {”," data () {"," return {"," };"," },",“”," props: {},"," components: {},",“”," computed: {},",“”," created(){...原创 2019-04-12 18:34:08 · 431 阅读 · 0 评论 -
callapp-lib唤起app
openApp() {const options = {scheme: {protocol: 'weixin' //URL Scheme 的 scheme 字段,要打开的 APP 的标识},intent: { //安卓原生谷歌浏览器必须传递 Intent 协议地址,才能唤起 APPpackage: 'com.tencent.mm',//腾讯微信包名scheme: 'we...原创 2019-04-28 13:42:15 · 6162 阅读 · 1 评论 -
侧边栏的样式修改(兼容火狐和谷歌)
el-scrollbar 的操作.dropDownBox {padding: 5px 10px;background: #ffffff;box-shadow: 0 0 2px #dddddd;transition: 0.3s;max-height:200px;overflow: hidden;&:hover {overflow-y: auto;}...原创 2019-04-29 18:15:09 · 695 阅读 · 0 评论 -
vue 3.0引入jquery
npm install jquery --savemain.js里引入import $ from 'jquery'重点在于下面这句话:在vue.config.js中配置jqueryconfigureWebpack: { plugins: [ new webpack.ProvidePlugin({ $:"jquery",...原创 2019-04-29 18:46:51 · 938 阅读 · 0 评论 -
location.herf参数的获取和组成
getUrlKeyValue() {let query = window.location.search.substring(1);let vars = query.split("&");var params = {};for (let i = 0; i < vars.length; i++) {let pair = vars[i].split("=");pa...原创 2019-04-25 11:01:58 · 458 阅读 · 0 评论 -
js时间戳转换成正常日期
new Date(parseInt(data.course_chapter_start_time) * 1000).toLocaleString().replace(/:\d{1,2}$/,' ')2019/4/13 上午12:00原创 2019-05-07 15:57:19 · 302 阅读 · 0 评论 -
时间戳转正常日期多种类型
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Co...原创 2019-05-07 18:07:23 · 264 阅读 · 0 评论 -
js正常时间转时间戳
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Co...原创 2019-05-07 18:31:54 · 937 阅读 · 0 评论 -
错误对象Error
错误信息提示:// 1.错误的类型// 2.错误的具体描述// 3.错误的位置及文件在代码运行中,一旦错误出现,程序终止并抛出相对应的错误类型,// 1.ReferenceError:引用无效,即引入未定义的变量时会报错// 2.TypeError:即变量存在,但是使用方法错误// 3.SyntaxError:即写法错误(语法错误):符号错误等等...原创 2018-09-20 16:21:49 · 212 阅读 · 0 评论