jxjianghailan的博客

要求：使用element-ui使用表格展示微信头像借鉴的原博：https://blog.youkuaiyun.com/qq_41588568/article/details/100196905效果图： <el-table-column label="微信头像" align="center" prop="avaterUrl"> <template slot-scope="scope"> <img :src="scope.row.avat

需求：element-ui实现上传头像。效果图：先查看element-ui上传图片的示例：https://element.eleme.cn/#/zh-CN/component/upload<el-form :model="form" :rules="rules" ref="form" label-width="100px"> <div class="deviceinfo-box"> <div class="devicein

子页面操作对父页面有影响时，操作完子页面，父页面定位到选中行的状态效果图：使用到了官方的方法：在子页面点击“保存”或者“确定”按钮之后刷新父页面，传递参数：this.$parent.getList(true);在父页面方法中添加函数：stCurrentRow(row) { this.$nextTick(function() { this.$refs.monthlyPlanTable.setCurrentRow(row); }) },.

要求：新增数据点击确认之后需要做一个确认框，点击确认以后才能提交数据。用到了element-ui的控件：地址https://element.eleme.cn/#/zh-CN/component/message-box效果图：// 确定按钮操作 submitForm() { this.$refs['form'].validate(valid => { if (this.wrnId) { this.form.wrnId = this.wrnId;.

<template> <div class="train-box"> <div class="left-box"> <div class="left-box-btn"> <el-date-picker type="date" clearable v-model="startTime" value-format="yyyy-MM-dd" style="width: 250px" class="left-box-btn-data" .

要求，点击【新增】按钮，出现弹框，点击【上传图片】实现上传，使用了element-ui为【新增】按钮添加响应函数@click="handleAdd" <el-row :gutter="10" class="mb8"> <el-col :span="1.5"> <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAdd">新增</e.