vue开发
文章平均质量分 50
ze1024
一起学习,一起进步
展开
-
Vue结合element ui 实现图片上传可预览,可删除,以base64字符串上传到服务器
图片实现base64上传实现背景实现方式实现代码实现背景图片上传一般都是通过调用文件上传接口,返回图片地址,我们用拿到的图片地址进行相应操作,如表单提交等;但是最近有一个朋友遇到了一个问题,他们没有做图片管理,所以需要前端将图片转换为base64的形式进行上传. 将图片转化为base64,然后提交这个转换后的字符串.下面是实现方式实现方式通过element-ui 提供的upload方法进行上传,获取上传的file文件,进行转化,提交实现代码html代码 <div class="ma原创 2021-09-24 17:23:42 · 1844 阅读 · 0 评论 -
vue使用element的table表格prop的数据是数组的问题 formatter解决
一般我们在项目开发中使用的表格大多是ui组件库里面的,一般都是一个prop对应一个字符串,但有的时候产品设计需要一个字段下面展示很多的数据,这个时候得做处理了如下,要求一个表格里面展示很多的人名,后端返回的数据是数组形式的,这个时候需要前端做一下处理,比如给人名之间加一个逗号之类的我使用的是element table 里面的formatter 具体如下 <div style="width:50vw"> <el-table :data="tableData" styl原创 2021-03-29 14:43:15 · 5311 阅读 · 3 评论 -
vue里面的js引入图片,必须用require
vue中js引入图片,须用require引入一般情况下,我们在vue里面引入图片的话,基本上是这样子写的 <img src="../../assets/logo.png" alt=""> 但是在有些需求下,图片需要在在js里面引入,这种情况下,vue中js引入图片,需要用require下面列举例子以供参考<template> <div style="display:flex;"> <div v-for="it原创 2020-09-21 16:33:54 · 4652 阅读 · 0 评论 -
Module build failed: TypeError: this.getResolve is not a function at Object.loader 安装node-sass运行报错
vue安装node-sass编译报错安装node-scss报错安装node-scss报错在搭建vue脚手架 或者是在vue项目中,想使用sass的功能,npm install node-sass --save-dev //安装node-sass npm install sass-loader --save-dev //安装sass-loader npm install style...原创 2019-09-03 14:04:08 · 57872 阅读 · 53 评论