logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue3封装图片上传组件的两种方式

1、使用element plus中的 el-upload实现图片上传template<div class="front upload-item"><el-upload:limit="1"action="#"list-type="picture":auto-upload="false"accept="image/png,image/gif,image/jpg,image/jpeg"

#vue.js#javascript#前端 +2
vue3采用xlsx库实现本地上传excel文件,前端解析成Json数据

需求:本地上传excel文件,但需要对excel文件的内容进行某些操作(增删改等)后再上传到后端服务器中,则需要前端解析excel文件实现:通过xlsx库实现1、下载依赖npm install xlsx --save2、页面使用import * as XLSX from 'xlsx' // vue3可用此引入import XLXS from "xlsx"; // vue2可用此引入3、页面代码写法

#typescript#学习#javascript +1
在uniapp中使用element-ui组件

在uniapp中使用element-ui组件一、安装依赖npm i element-ui -S //安装依赖二、导入:全局引用则在main.js中注册和导入import Vue from 'vue'import App from './App'import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css

#uni-app
使用element-plus中的ElMessage样式出错

使用element-plus中的ElMessage样式出错,样式并没有生效原因: 没有在全局中引入ElMessage的样式解决方法 在main.js文件中全局引入import 'element-plus/theme-chalk/src/message.scss'

#css3#css#vue.js
JSON.stringify用法

1、是什么JSON.stringify 方法将某个对象转换成 JSON 字符串形式const userInfo= {name: 'zs',age: 20}console.log(JSON.stringify(userInfo));// {"name":"zs","age":20}2、语法语法: 可以有三个参数,第一个是传入要序列化的值,第二个为函数或者数组,第三个是文本添加缩进、空格和换行符JSO

#json#javascript#前端 +1
vue3.0 移动端二次封装van-uploader上传图片组件

vue3.0 移动端二次封装van-uploader上传图片组件1、前提:业务需求,最多上传6张图片,并可以实现本地预览2、解决方法:使用vant组件库中的van-uploader实现3、代码实现template<div class="upload-oss"><van-uploader:after-read="onRead":before-read="beforeRead":ac

文章图片
#javascript#前端#typescript +1
vue3封装图片上传组件的两种方式

1、使用element plus中的 el-upload实现图片上传template<div class="front upload-item"><el-upload:limit="1"action="#"list-type="picture":auto-upload="false"accept="image/png,image/gif,image/jpg,image/jpeg"

#vue.js#javascript#前端 +2
vue初始化项目出现 npm ERR! fatal: unable to access ‘https://github.com/nhn/raphael.git/‘: OpenSSL SSL_read:

vue初始化项目出现npm ERR! fatal: unable to access ‘https://github.com/nhn/raphael.git/’: OpenSSL SSL_read:错误解决方法:没有安装预编译插件 我的项目是用sass 则安装即可npm install node-sass --save-devnpm install sass-loader --save-dev这样

#java#node.js#npm
vue3.0记录滚动位置的两种方法

第一种方法onActivated+onBeforeRouteLeave 方法实现import { onBeforeRouteLeave} from 'vue-router'const scrollRef = ref(null)const scrollTop = ref(0)onActivated(()=>{nextTick(()=>{scrollRef.value.scrollTop

#前端#javascript#vue.js
vue3采用xlsx库实现本地上传excel文件,前端解析成Json数据

需求:本地上传excel文件,但需要对excel文件的内容进行某些操作(增删改等)后再上传到后端服务器中,则需要前端解析excel文件实现:通过xlsx库实现1、下载依赖npm install xlsx --save2、页面使用import * as XLSX from 'xlsx' // vue3可用此引入import XLXS from "xlsx"; // vue2可用此引入3、页面代码写法

#typescript#学习#javascript +1
    共 20 条
  • 1
  • 2
  • 请选择