vue
文章平均质量分 75
Rainy_X
这个作者很懒,什么都没留下…
展开
-
vue中使用Lottie动画
一. 安装vue-lottie包npm install --save vue-lottie二. 在main.js文件中引入vue-lottie插件全局引入// main.jsimport lottie from 'vue-lottie'Vue.component('lottie',lottie)局部引入import lottie from 'vue-lottie'export default{components: { lottie },}三. 文件中引入lottie资原创 2021-04-25 15:23:13 · 2964 阅读 · 3 评论 -
组件传值-小程序和vue
模板父传子 - 通过属性传值父页wxml //byVal传参 <module id="module" byVal="{{byVal}}"></module>json{ "component": true, "usingComponents": { "module": "../../component/module/module" //你的组件路径 }}js/*** 生命周期函数--监听页面初次渲染完成*/onReady:原创 2020-12-18 18:23:10 · 178 阅读 · 0 评论 -
前端性能优化-按需引入Vant组件
一.安装// 通过 npm 安装npm i vant -S// 通过 yarn 安装yarn add vant二.自动按需引入安装插件babel-plugin-import 是一款 babel 插件,它会在编译过程中将 import 的写法自动转换为按需引入的方式npm i babel-plugin-import -D配置.babelrc 中添加配置,其中还有其他内容"plugins": ["transform-vue-jsx", "transform-runtime"]原创 2020-09-25 15:38:51 · 671 阅读 · 0 评论 -
vue引用警告 “export ‘default‘ (imported as ‘vant‘) was not found in ‘./utils/vant‘
想按需引入vantUI库时,main.js文件引入错误问题原因:ES6 编译器识别问题解决方法:import vant from './utils/vant'改为import * as vant from './utils/vant'原创 2020-09-22 16:43:02 · 3936 阅读 · 2 评论 -
在vue中使用wangEditor上传视频
一、实现效果原本效果二、修改wangEditor源码添加插入视频panel只修改Video.prototype._createPanel方法// 原型Video.prototype = { _createPanel: function _createPanel() { var _this = this; var editor = this.editor; var uploadImg = editor.uploadImg; var config原创 2020-07-29 11:16:28 · 2852 阅读 · 8 评论 -
vue结合后端本地上传文件
//按钮 <a-upload :beforeUpload="beforeUpload" :showUploadList="false"> <a-button type="primary" icon="upload">导入</a-button> </a-upload> <a-button @click="downExcel" type="primary" icon="download">导出</a-bu原创 2020-07-01 18:10:48 · 723 阅读 · 0 评论 -
vue实现前端导出excel
一、安装依赖$ `npm install -S xlsx`$ `npm install -S file-saver`以上两种合并简写成:$ `npm install -S file-saver xlsx`$ `npm install -D script-loader`二、添加js文件src下创建excel(自定义)文件夹放入Blob.js 和 export2Excel.js链接:https://pan.baidu.com/s/1Hp66lcrl8nYJUTSUyXY5hA提取码:w1fz原创 2020-07-01 16:44:04 · 1036 阅读 · 2 评论 -
vue 自定义分片上传到七牛云带进度条
前言场景:vue环境,UI框架为Ant DesignAnt Design中的Upload自带上传功能,但是当我上传超过1G的视频文件时,导致文件过大而超时于是设置customRequest属性,通过覆盖默认的上传行为,可以自定义自己的上传实现引入七牛SDK直接使用静态文件地址:https://unpkg.com/qiniu-js@<version>/dist/qiniu.min.js使用 NPM 安装 npm install qiniu-js, import * as qiniu原创 2020-06-28 17:54:14 · 1265 阅读 · 0 评论 -
前端实现语音合成
前言语音合成的实现方式有多种:第一种:HTML5语音Web Speech API第二种:百度文字转语音开放API第三种:微软TTS引擎(没有实际使用,此文章就不多赘述)实现方式(vue环境)一、HTML5语音Web Speech APIWeb Speech有两类API:1.语音合成(Speech Synthesis) -----------> 文字变语音 2.语音识别(Speech Recognition)-----------> 语音转文字兼容性传送带语音合成Spe原创 2020-06-28 17:17:14 · 1765 阅读 · 2 评论 -
Vue项目使用websocket
websocket 是长连接,受网络限制比较大ajax轮询的原理是:让浏览器隔个几秒就发送一次请求,询问服务器是否有新信息。用websocket主要原因是不需要用定时器几秒去请求一次接口查看进度附代码:<template> <div> <a-card :bordered="false"> <!-- 操作按钮区域 --> <div style="margin-top:20px;width: 340px;">原创 2020-05-18 17:35:00 · 607 阅读 · 0 评论 -
自定义Tabs标签页组件(vue)
不知道有没有和我一样项目中用的到Ant Design of Vue的Tabs组件在测试环境上打包时是无效的,于是手写个组件我会写在src的componets下我所用到的传值都是用类型1或2来判断或者中英文父组件<template> <div> <!-- 操作tab区域 --> <div class="tab-box"> <div class="tab-item" v-for="(it原创 2020-05-18 17:14:24 · 1982 阅读 · 0 评论 -
Vue.js最佳实践(五招让你成为Vue.js大师)
作者:zach5078segmentfault.com/a/1190000014085613本文面向对象是有一定Vue.js编程经验的开发者。如果有人需要Vue.js入门系列的文章可以在评论区告诉我,有空就给你们写。对大部分人来说,掌握Vue.js基本的几个API后就已经能够正常地开发前端网站。但如果你想更加高效地使用Vue来开发,成为Vue.js大师,那下面我要传授的这五招你一定得认真学习一下了...转载 2018-04-23 22:03:53 · 200 阅读 · 0 评论 -
vue开发环境搭建(含WebStorm中vue的代码提醒和微信小程序开发代码提醒)
第一部分安装nodejsnodejs官网安装vue淘宝镜像npm install -g vue –registry=https://registry.npm.taobao.org安装webpacknpm install webpack -g(-g代表全局安装,安装好nodejs后,直接在命令行下面进行就好)安装vue脚手架npm install vue-cli -g...转载 2018-04-06 16:36:11 · 1947 阅读 · 0 评论