logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

element ui实现手动上传图片,且只能上传单个图片(图片可预览),并能覆盖上传

手动点击上传,只能传一张,图片可预览上代码:html上传:<el-form-item label="图片" prop="HFname"><el-uploadclass="upload-demo":action="' '"//手动上传 置空accept=".png"// 限制上传图片类型:auto-upload="fal

vue中element下拉框数据有值,但是选中后框里不显示

问题图片:问题:下拉选择能打印到数据,但是选中后框里不显示值;原因:出现这个问题 是因为下拉框数据是v-for接口请求来的数据,因为数据层次太多,render函数没有自动更新解决方法:在chenge事件里手动强制刷新值上代码:<el-select v-model="platformName"@change="selectPlatform"><el...

Vue Element Ui中 Table 表格更改某一列的样式,比如说背景色

先在Table 表格 上加 上属性<el-table :data="tableList" border :cell-style="columnStyle"><el-table-column type="index" label="第一列" width="50px"></el-table-column><el-table-column type="index

vue中elementUI上传一张图片后,隐藏上传按钮

效果图:上传图片前有上传按钮上传一张图片后,隐藏上传按钮我用的是是手动上传的照片墙组件1.data里面初始值:hideUpload: false,2.el-upload里面绑定一个占位class::class="{hide:hideUpload}"3.onChange里面(文件状态改变时的钩子,添加文件、上传成功和上传失败时都会被调用):this.hideUploa...

#vue.js
vue中get请求传参是数组,变为字符串

问题:vue项目中,用axios封装请求数据时,get请求传递参数为数组时,get拼接url并不能把参数正确的传递过去,解决:get传参需要前面自己转一下传参的格式最初错误传参let provinces= ['1', '2', '3']axios.get('/gateway/xxx', {params: {ID: 001,provincesData: provinces,}})// 上面的请求是

vue中elementUI组件el-dialog嵌套 样式问题

遇到的问题:1.内外dialog共两层遮罩,内层dialog被灰色遮罩遮盖,2.内层dialog继承了外层dialog的样式解决:1.在内层dialog上添加append-to-body属性,2.内层dialog样式修改,在内层dialog外包一层div并加class类*不要在有scoped的style标签下写,因为是局部的,样式不会生效*<style>...

#vue.js
vue项目PC兼容移动端

做完的pc项目要求兼容移动端,常规操作的话是新做一个webapp后再来回跳转,当前pc项目没有太多的交互和复杂的页面,所以决定在一个项目里进行兼容适配1.新建两个组件,pc端页面组件,m端页面组件2.页面写个方法判断是pc端还是移动端(可在全局写)methods: {//判断_isMobile() {let flag = navigator.userA...

vue中elementUI组件Upload实现手动上传图片

效果图:引入Upload组件;<el-uploadclass="centerImg":class="{hide:hideUploadIcon}":action="' '"//请求地址,手动上传写为空list-type="picture-card":on-preview="handlePictureCardPreviewIcon":o...

vue中element下拉框数据有值,但是选中后框里不显示

问题图片:问题:下拉选择能打印到数据,但是选中后框里不显示值;原因:出现这个问题 是因为下拉框数据是v-for接口请求来的数据,因为数据层次太多,render函数没有自动更新解决方法:在chenge事件里手动强制刷新值上代码:<el-select v-model="platformName"@change="selectPlatform"><el...

Vue Element Ui中 Table 表格更改某一列的样式,比如说背景色

先在Table 表格 上加 上属性<el-table :data="tableList" border :cell-style="columnStyle"><el-table-column type="index" label="第一列" width="50px"></el-table-column><el-table-column type="index

到底了