![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue学习
言清歌
想到什么写什么
展开
-
【vue】element form/input/select 组件 赋值后无法编辑的问题
今天在使用element form组件时,想创建一个修改的dialog ,赋上当前值再修改传后台开始代码如下HTML部分: <el-dialog :visible.sync="updateDialogVisible" title="编辑任务" width="50%"> <el-form :model="updateForm" ref="updateForm"> <el-row> <el-form-item lab原创 2021-12-08 14:45:43 · 2364 阅读 · 1 评论 -
【vue】element 上传组件
element的this.$message.error()方法,当使用对象是后台传来的值时,会出现以下报错 concatMap(res => { if (!res.status_code===400) { return from(FileService.store({ data: [ { path: res.response.path,原创 2021-10-09 14:02:13 · 66 阅读 · 0 评论 -
【vue】element-UI table组件根据后台不同的传值修改页面显示结果
需求描述:根据后端传值status,修改状态和操作栏的显示内容实现效果HTML部分<el-table :data="shareData" align="center" style="width: 100%"> <el-table-column align="center" type="index" label="序号" :index="indexMethod"></el-table-column> <el-table-column ali..原创 2021-09-26 15:31:10 · 582 阅读 · 0 评论 -
【vue】在HTML上显示后端接口返回的图片
问题描述:请求后端接口后返回了一张图片,没法直接展示在页面,需要先转化为blob再通过图片src显示HTML部分<el-form-item > <img :src="labelImg" alt="" width="100px" ></el-form-item>js部分export default { data(){ return { labelImg: '' } }, method:{ getSlice() { ..原创 2021-09-25 16:49:39 · 2203 阅读 · 0 评论 -
【vue】element UI 的 checkbox 实现互斥
element UI 的 checkbox 实现互斥实现效果HTML部分<div> <el-form-item> <el-checkbox false-label="0" true-label="1" @change="appraiseChecked('1')" v-model="reportForm.tct_content.satisfaction">满意</el-checkbox> </el-form-i原创 2021-09-25 16:37:49 · 1291 阅读 · 0 评论