vue
文章平均质量分 62
qq_34096214
这个作者很懒,什么都没留下…
展开
-
vue+elementUi全国地址四级联动--嵌入自定义级别联动
效果图:参数:参数名类型(默认值)value(默认值)Array([])placeholder(输入框占位文本)String(请选择)disabled(是否禁用)Boolean(false)clearable(是否支持清空选项)Boolean(true)separator(选项分隔符)String(/)checkStrictly(是否可以选任意一项)Boolean(false)level(联动级别)Number(4)ge原创 2021-10-16 16:27:16 · 1752 阅读 · 0 评论 -
vue滑动解锁组件
这是一个pc端的滑动解锁组件效果图:话不多说,直接上代码html部分<template> <div class="dragVerify"> <div class="spout" ref="spout"> <div class="slidingBlock" ref="slidingBlock" :style="{原创 2021-10-13 11:44:27 · 390 阅读 · 0 评论 -
【vue】vue根据不同环境(正式、测试)打包
https://blog.csdn.net/weixin_41000111/article/details/84866040原创 2020-02-19 15:57:11 · 157 阅读 · 0 评论 -
vue+图片裁剪vue-cropper以及api
前言: 因为项目需要,需要实现一个上传完图片,对图片进行二次处理的需求,就使用了vue-cropper来实现这个...转载 2020-02-19 11:44:48 · 947 阅读 · 0 评论 -
vue 项目中监听 localStorage 或 sessionStorage 的变化
首先在 main.js 中给 Vue.protorype 注册一个全局方法,然后创建一个 StorageEvent 方法,当我在执行sessionStorage.setItem(k, val) 的时候,初始化事件并派发事件。/** * @description * @author (Set the text for this tag by adding docthis.authorName ...原创 2020-02-11 12:44:27 · 4107 阅读 · 0 评论 -
Vue+Ueditor(百度编辑器)实现双向数据绑定
1.安装依赖npm i vue-ueditor-wrap# 或者yarn add vue-ueditor-wrap2.下载 UEditor、GitHub下载3.将下载的压缩包解压并重命名为 UEditor(只需要选择一个你需要的版本,比如 utf8-php),放入你项目的 static 目录下。4.引入到项目中import VueUeditorWrap from 'vue-ued...原创 2020-01-23 10:02:42 · 1442 阅读 · 0 评论 -
elementUI——el-image使用本地图片
require(’…/assets/images/fwf_tx.png’) <el-image :src="require('../assets/images/fwf_tx.png')" fit="cover"></el-image>原创 2020-01-22 10:54:47 · 15153 阅读 · 5 评论 -
axios上传文件
axios上传文件let formData = new FormData()formData.append('file', e.target.files[0])this.$axios({ url: '接口地址', method: "POST", data: formData, headers: { ...原创 2020-01-11 17:00:59 · 329 阅读 · 0 评论 -
axios下载文件
axios下载文件 let url = '接口地址' let data = {参数 } let headers = { 'X-Requested-With':'XMLHttpRequest', 'Content-type': 'application/x-www-form-urlencoded', 'Authorizat...原创 2020-01-11 16:55:07 · 386 阅读 · 0 评论 -
axios请求封装
axios请求封装新建HTTP.jsimport axios from 'axios' //导入axiosimport router from "../../router"; //导入路由import qs from 'qs'import { Message, Loading, MessageBox} from 'element-ui' //导入element-uicon...原创 2020-01-11 16:51:55 · 106 阅读 · 0 评论 -
vue自定义标题栏小图标
打开build文件夹找到webpack.dev.conf.js,再找到HtmlWebpackPlugin,添加favicon:‘favicon.ico路径’,new HtmlWebpackPlugin({ filename: 'index.html', template: 'index.html', favicon:'src/assets/images/fa...原创 2020-01-11 16:35:47 · 572 阅读 · 0 评论 -
vue项目加顶部蒙层移动端禁止页面滑动问题
直接在弹出层所在的div加上@touchmove.prevent就可以了原创 2019-04-28 11:36:53 · 263 阅读 · 0 评论