WYHS_0710-CSDN博客

转载 swiper如果loop设为true，点击事件失效而导致的不能正确定位和跳转问题解决

html部分不需要修改。<swiper :options="swiperOption" ref="mySwiper" v-if="swiperFlag"> <swiper-slide v-for="(pic,index) in pics" :key="index" class="mb-4 height-17 cursor-pointer position-rela...

2019-07-16 15:02:00 1526

转载 Nuxt使用iconfont矢量图标

Nuxt可以使用各种前端UI框架，这些框架一般都自带的有一些icon图标可供用户使用，但是一般项目开发的时候，UI框架自带的icon是不能满足实际项目需求的，这个时候我们可以自己找一些图片放到本地项目里，然后引用这个图片，但是总感觉这样不太好。这个时候我们可以使用Iconfont-阿里巴巴矢量图标库下面就讲一讲怎么在nuxt中使用iconfont一、普通...

2019-03-14 11:53:00 861

转载 el-upload multiple多文件上传，只传上一个的问题

问题：使用el-upload上传多文件时，on-success钩子只拿到了一个response，上传只成功上传了一个。解决：使用:http-requst来覆盖默认的上传行为，可以自定义上传的实现。代码：<template> <el-upload :disabled="disabled" :drag="type === 'dra...

2019-03-14 11:51:00 2708

转载 Vue内置过渡动画-常用的类名

1.fade 淡入淡出<transition name="el-fade-in-linear"> <div v-show="show" class="transition-box">.el-fade-in-linear</div></transition><transition name="el-fade-in...

2019-02-27 20:19:00 1412

转载 es6扩展运算符

// a.js export const a = 11;export default { aa() { console.log(22) }}// b.js import {a} from 'a.js'; // a -> 11;import any from 'a.js'; // any -> {aa...

2019-02-26 11:54:00 133

转载深拷贝

function deepCopy(obj) { var result = Array.isArray(obj) ? [] : {}; for (var key in obj) { if (obj.hasOwnProperty(key)) { if (typeof obj[key] === 'object') { ...

2019-02-26 11:51:00 97

转载 $.extend

1.合并参数返回值未arg1，arg2……合并到arg。这里就有两种用法。省略arg参数，则arg1，arg2……合并后返回。123456789101112varresults=$.extend({name:'nick'},{sex:'handsome'});//那么...

2019-01-28 13:39:00 181

转载地址级联选择器（element-china-area-data插件）

1.安装npm install element-china-area-data -S2.引入import {regionData, CodeToText, TextToCode} from 'element-china-area-data';3.使用<el-cascader :options="areaSelectData" :change-on-select=...

2019-01-15 14:24:00 1254

转载 el-table在每一行拿到对应的index（scope.$index）

<el-table-column prop="capacity" label="操作" min-width="90" align="center"> <template slot-scope="scope"> <el-button @click="printIndex(scope.$index)">查看Index</el-button&g...

2018-12-06 11:01:00 8507

转载 el-table中的label换行问题（重点white-space）

依赖CSS的方法1.label中增加 \n<el-table-column prop="name" :label="'姓名\nname'" min-width="100"></el-table-column>2.设置white-space样式.el-table .cell {　　white-space: pre-line;}3.效果图稍微复杂一点的方法...

2018-12-06 10:25:00 2075

WYHS_0710的博客