VUE技术
文章平均质量分 82
WeirdoMeng
一个前端开发工作者的学习进步之路!!!!!!
展开
-
vue生成一个姓名的头像图片Base64格式
本方法是写成了全局方法,用this.$userHead(name)调用,如需单独在一个页面中使用,也可以在页面中单独写成一个方法 /** * 生成一个姓名的头像图片(Base64) * @param {stirng} name 用户的名(最多两个字) */ Vue.prototype.$userHead = name => { const...原创 2019-11-25 17:46:38 · 1662 阅读 · 1 评论 -
vue把图片image转为base64格式
这个方法是写成了一个全局方法、用that.$getBase64Image(image)调用,如需单独使用也可以单独在页面中写成一个方法来调用 /** * 把图片转为base64格式 * 使用方法如下 * let url = this.$url + 图片地址; * let image = new Image(); * let that = th...原创 2019-11-25 17:38:09 · 10913 阅读 · 0 评论 -
vue-croppa图片剪辑器
npm安装npm install --save vue-croppamain.js引入文件import Croppa from "vue-croppa";import "vue-croppa/dist/vue-croppa.css";Vue.use(Croppa);具体应用页面使用了XModal消息模态框,具体见我的另一篇博客:XModal消息模态框<t...原创 2019-11-25 17:29:49 · 763 阅读 · 0 评论 -
最新版Froala Editor3.0富文本编辑器在vue中的具体使用
Froala Editor官网Froala Editor文档实际样式npm安装npm install froala-editor在main.js里引用//引入cssrequire("froala-editor/js/plugins.pkgd.min.js");require("froala-editor/js/plugins/image.min.js");require...原创 2019-11-25 17:00:16 · 2892 阅读 · 2 评论 -
VUE模态框-XModal,消息弹框
HTML部分:绑定title、宽度、高度、确定取消按钮等…<template><modal :name="this.name" :width="this.width" :height="this.height" :minWidth="this.minWidth" :minHeight="this.minHeight" :maxWidth="this.maxWidth" :ma...原创 2019-11-25 16:17:06 · 4077 阅读 · 0 评论