5 qq_32496215

尚未进行身份认证

暂无相关简介

等级
TA的排名 9w+

vue+element实现打印,不显示空白页

@media print { #printTest{//要打印的区域 display: block; width:100%; height:auto; overflow: hidden; }}

2020-05-26 09:41:44

vue.cli3.0移动端px和rpx的转换

1)安装插件npm i postcss-plugin-px2rem --save -dev2)创建vue.config.jsmodule.exports={ lintOnSave: true, css: { loaderOptions: { postcss: { plugins: [ require('postcss-plugin-px2rem')({

2020-05-13 18:17:52

vue+elementui下载附件

elementui下载附件一般是在点击文件后发生的,应在el-upload组件的on-preview函数中实现第一次使用FileSaver插件下载附件,一到上线就会报错找了百度也没有找出答案,就换种方法this.$axios({ url: file.url,//后端返回文件的路径 type: "get", responseType: "...

2020-04-16 12:00:45

vue+elementui导出table成excel

1)安装插件npm install --save xlsx file-saver2)我是将导出方法设置为全局方法在main.js中引入插件import FileSaver from 'file-saver';import XLSX from 'xlsx';Vue.prototype.$exportExcel=function(dom,name){ let tabDOM = XLSX...

2020-04-10 14:38:40

vue使用eventBus进行兄弟组件的通信

1)将eventbus在main.js中定义let EventBus = new Vue();Object.defineProperties(Vue.prototype,{ $bus:()=>EventBus})2) 在组件中使用 A组件向B组件传值A组件this.$bus.$emit('catalog',{message:'你好!'})B组件接受参数mounted...

2020-03-25 10:50:03

vue项目使用vant上传图片到七牛

1)创建头像上传组件afterRead(file){ let url=this.$config.uploadHostUrl + this.$utils.getLocalItem('token');//获得七牛上传图片的地址和token let formData = new FormData(); ...

2020-03-23 16:13:57

vue项目中显示图片下载(使用vant的图片预览)

<template> <van-image-preview v-model="isShowImg" :images="image" @change="imgChange"> <div slot="cover" class="color-high"> <van-icon name="down" class="down-img" @cl...

2020-03-18 17:19:47

vue项目中使用lottie动画

1)安装vue-lottie插件npm install vue-lottie --save2)在需要的组件中引入lottie,并引入data.json文件import Lottie from 'vue-lottie'import * as Anim from '../assets/json/lottie'export default { components:{Lottie}}...

2020-03-18 15:19:08

vue项目使用tabbar

代码:<van-tabbar v-model="tabIndex" router border fixed z-index="10" active-color="#42B0ED" inactive-color="#2A2A2A"> <van-tabbar-item replace :to="item.path" v-for="(item,index)...

2020-03-04 17:30:17

vuecli3创建项目(二)路由的引入

1. 导入路由组件npm install vue-router --save2.配置路由在router文件夹中创建index.js文件`import Vue from 'vue'; import VueRouter from 'vue-router'; Vue.use(VueRouter);const Index = ()`=>import ('views/tab-ite...

2020-02-20 16:47:20

vue/cli3创建项目(一)

** 1. 划分目录结构**在assets文件夹内创建imgs和css文件夹,用于存放图片和样式在components文件夹中创建common和content文件夹;common用于存放共同的组件,以后可以重复利用的,content文件夹中存放与内容相关的组件创建views文件夹,用于存放页面文件创建router文件夹,存放路由创建store文件夹,用于存取状态创建network文...

2020-02-20 16:30:26

vue项目中定义全局组件

1)进行组件编写-新建一个loading组件2)在main.js中引入此时Loading组件就是全局的公共组件3)其他组件使用4.效果

2020-01-14 14:58:33

vue中父组件给子组件传值,并动态改变img的src属性

1)父组件引用子组件2)子组件赋值3)父组件给子组件的图片传递路径(1.要用require传递,2,require括号中是单引号,3,是动态值,用v-bind绑定)

2020-01-14 14:35:23

vue引入echarts

1)安装echarts插件npm install echarts --save2)在main.js中种引入,作为全局变量import echarts from 'echarts'Vue.prototype.$echarts = echarts;3)在组件中使用html代码<div class="myChart" ref="myChart" ></div>...

2020-01-14 10:39:35

常用正则表达式

1 用户名正则//用户名正则,4到16位(字母,数字,下划线,减号)var uPattern = /^[a-zA-Z0-9_-]{4,16}$/;//输出 trueconsole.log(uPattern.test("dishait"));2 密码强度正则//密码强度正则,最少6位,包括至少1个大写字母,1个小写字母,1个数字,1个特殊字符var pPattern = /^.*(...

2019-11-06 20:23:39

vue-detools

1)去https://codeload.github.com/vuejs/vue-devtools/zip/dev克隆或者下载2)解压下载的文件3)进入文件夹。打开cmd窗口 ,先npm install再npm run build4)找到mainfest.json文件。将persistent改为true5)之后打开谷歌开发者工具,点击加载已解压的扩展程序,将chrome文件夹放入既...

2019-09-26 11:29:57

vue中vu-router的使用

1)安装vue-router插件npm i vue-router -s2)新建router文件夹,index.js文件,用于创建路由router/index.js中import Vue from 'vue'import VueRouter from 'vue-router';//引入组件impor Home from '../views/Home'import About fr...

2019-09-23 15:45:30

vue移动端框架mint-ui的使用

1)在vue项目中安装mint-ui框架npm i mint-ui -S2)在main.js中引入并使用import MintUI from 'mint-ui';import 'mint-ui/lib/style.css';Vue.use(MintUI);3)按需引入并修改.babelrc 文件npm install babel-plugin-component -D在.ba...

2019-09-23 12:27:50

vue请求数据的两种插件(vue-resource和ajax)的用法

(一)vue-resource1)下载插件npm install --save vue-resource2)在main.js中引入vue项目并使用插件import vueResource from 'vue-resource'Vue.use(vueResource)//这时会在vue中生成$http,可以直接使用3)组件中调用,一般在mounted()钩子函数中调用mounte...

2019-09-18 20:52:07

vue中利用pubsubjs进行兄弟组件之间的通信

1)下载pubsubjs插件 npm install pubsub-js --save2)组件之前调用3)组件中使用,先引入pubsub import pubsub from 'pubsub-js'子组件1发送信息,用publish(‘名称’,要发送的内容4)子组件2接受子组件1发送的信息,使用pubsub.subscribe('名字和publish中的名称一样',(name,...

2019-09-18 18:24:04

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 分享小兵
    分享小兵
    成功上传3个资源即可获取