logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue不使用vue-qr生成下载二维码

需求:不使用插件生成下载二维码。表格内某一列点击查看,展示二维码,且支持下载,如图。初始化的时候,后端返回表格数据的同时会把二维码图片地址返回。所以,整个逻辑就是,点击不同查看携带不同图片地址去访问接口。1、点击查看,展示图片。2、点击下载按钮(这里要解决跨域问题,本地开发和上测试服和生产的时候都得解决),红色ip去除3、接下来就是拿每个图片的标识开始发请求。4、请求过去后,解析后端返回的流。注意

#vue.js#javascript#html
vue2或者vue3图片上传功能(upload)

采用element ui中upload组件上传,目前支持上传单张图片,如果多张可进行更改。一、页面上组件使用注意:①如果是多张图片,file-list会用到。②name是申明上传文件的格式,可以和后端商量,有时候上传图片后端只需要image格式,但有时候后端会把图片和文件定义成一种格式即file。③action。图片上传的接口地址,通常是公司的服务器,这个地址不能直接填测试地址,会报跨域问题,需要

文章图片
#html5#javascript#html
vue引用public目录下文件

vue引用public目录下文件有时候我们在开发h5时候,会有需要绑卡授权操作,这个时候需要同意某些协议并且这些协议是可以点击打开的,这种该怎么做呢?其实这就是一个链接,前端能够打开链接并且常用的也就是a标签喝vue自带的router-link,当然其他还有,通常来说a标签就够了关于协议的存储,这里简单说下,在实际开发中,协议存储有以下几种:1、存放在前端,一种是直接放在public静态资源文件夹

#vue.js#webpack#前端
el-input只能输入数字,保留小数点俩位

由于项目中有很多控制输入框字符校验的规则,每次找都比较复杂,今天先做个罗列。1、只能输入数字。其实这个方法element组件自带el-input-numer可以解决,但是!但是!有个坑,如果你想在输入数字的基础上保留俩位数,你可能未设置precisio=2,对吧对吧,但是如果你继续想控制小数点前的位置个数时你就会发现这个组件拿不到像后面带零的长度,比如1.00打印出来也只是1,所以这个就得额外处理

#vue.js#javascript
vue 区分新增,编辑,查看页面

工作中经常会遇到编辑,新增,查看共享一个页面,因为后台的接口编辑和新增都是写在一起的,唯一不同的是id先说说我要实现的功能:我想要点击新增的时候,路由跳转一个页面,编辑的时候也跳转,查看也跳转,这三个就页面来说没有任何区别,区别在于页面绑定值不同,新增的时候不需要绑定值,页面没有数据,用户输入数据,点击确定就ok了;点击编辑按钮之前我们要调用一次查询按钮,查询当前用户之前是否存在数据,如果没有的.

vue中Error in render: "TypeError: Cannot read property 'split' of undefined"

今天,检查项目的时候,切换不同的tabs报错无法识别split,首先将初始化函数注释,发现还是报这个错,说明不是初始化的问题,后来老大帮我解决,具体解决方案如下:首先模板中引入家在组建,给与一定时间初始化,这样数据就能完全加载成功引入组件组件内容:页面中调用:初始化状态写法:这样就没问题了...

vue中cannot read properties of null (reading ‘0‘)

本地开发中,很容易遇到这种类似问题,这个时候调试也能很好的解决,但是今天想说下,如果在打包之后遇到这种报错一般是啥问题cannot read properties of null (reading ‘0’)1⃣️首先确定打包没问题2⃣️如果url输入回车后控制台就报错,那很可能是路由渲染的数据,即数组没有判断其是否有值就使用了,或者是左边导航栏的数据也没有判断是否有值,或者是后台返回的权限在使用的

#vue.js#前端#javascript
vue判断表格不能输入空值和重复值

类似这种点击确定前要判断表格是否有空,如果有空值则给出提示,不允许提交遍历表格每行数据的字段,利用some返回bool类型值sureAdd(){var flag=this.tableDatas.some(x=>{return x.name.trim==""})console.log(flag)//falseif(flag){this.$message.error...

到底了