一株木樨的博客

前端实现table表格的高亮展示

需求：点击查看按钮，将图片显示出来。问题：查看按钮必须触发两次才会将图片显示出来前端效果：点击查看按钮，弹出来图片图片展示：解决方法有两种：第一种 调用Image 的源码中的image-viewer里面的方法，然后生成预览图片的框，然后通过查看按钮 将预览图片的数据拿到，再调用image-viewer中的clickHandler方法，该方法会将image-viewer中的是否显示的标识置为ture,这样就可以显示了。image-viewer中image-viewer中的loadImag

需求：点击操作按钮，选择上传，弹出上传dialog，使用upload组件实现图片上传,并可在前端进行预览先看上传前端实现：弹出框： <el-dialog :title="titleFlag" :visible.sync="uploadFlag" width="30%" :close-on-click-modal="false" class="uploadFlag" @close="()=>{this.fi

业务需求: 可以从下拉框中选择数据，也可以自定义搜索。前端效果：1：从下拉框中选择2：自定义搜索代码实现：1.首先需要用到select控件和tree控件，在select控件中嵌套tree控件。2.开启select控件的搜索功能，也就是filterable，然后需要自定义搜索方法，也就是filter-method这个方法。3.监听下拉框的出现与隐藏，也就是是否下拉，visible-change方法就可以实现。4：tree控件的过滤方法，也就是通过关键字过滤树节点，elementui的tre

页面：前端： <el-col :span="24"> <el-form-item label="办公环境" prop="officeEnvironment"> <el-checkbox-group v-model="form.officeEnvironment"> <el-checkbox v-for="(item,index) in officeEnvironmentLis

编辑页面传值是value，详情页面显示value对应的文字需求：在编辑弹框里面选择性别时 有三个选项 男，女，保密婚姻状况可选已婚，未婚，是否驻勤可选是，否，当传递到后台的时候是传递的对应的value，在详情展示的时候显示的是value对应的汉字。由于使用的是elementui-ui,我将所有的信息写在了一个el-row中，直接遍历一个对象数组。那么就涉及到值的回显效果展示：详情展示编辑弹框:具体实现：userInfo: [ { name: '性别', value: 'gend

前端根据下拉框选项联动出现另一个下拉框的值<el-form-item label="食物"> <el-select v-model="form.food" placeholder="请选择" @change="choose($event)"> <el-option label="主食" value="1"></el-option> <el-option labe

前端使用elementui的级联选择器去显示省市区界面展示代码： <el-form-item label="收货地址" prop="address"> <el-cascader v-model="formInline.selectedOptions" :options="cityInfo"