马优晨

第三步：编写FilePreview实现图片和PDF预览组件。展示图片和PDF类型，并且点击图片或者PDF可以预览。第二步：编写downloadcard组件。第一步：遍历所有的图片和PDF列表。

如上图，使用Element UI的el-upload组件，并且预览的时候可以展示图片和PDF格式文件；

如上图所示，当给需要的表单加上校验以后。当点击 “添加新用户” 的时候 会发现，有莫名其妙的校验，明明没有任何的操作。 其实这个就是 校验的残留。处理方案<div class="account-dialog"> <el-dialog :title="iscreate?'创建新用户':'修改用户信息'" :visible.s...

如上图所示，需要给单选 加上默认值代码如下view<el-form-item label="可见" prop="locked" > <el-radio-group v-model="actionFormData.locked"> <el-radio :label="0">显示...

Element UI 在父类设置样式不起作用应该有人遇到这样子的问题了如上图，想改变“修改”按钮的样式，但是发现（1）直接修改样式不起作用，（2）给修改元素加上父类也不起作用（3）去掉 scoped起作用了（但是这玩意还是不要去掉，要不然样式会变成全局的）解决方案：在最组件外层加上id或者 class，然后将样式写的这个id或者 class 下面就可以了。...

这里通过一个实例来说明表单验证：如上图所示，我们点击“添加新用户”弹出弹框这里只讲弹框里面的校验代码：<template> <div id="create-account"> //指定数据中心的验证表单actionFormData，验证规则rules <el-form ref="accountForm" label-...

如上图所示，我们再提交表单的时候，日期是需要转换成我们需要的模式的。如果是使用vue的话，那就很方便处理了，只需要加上value-format格式化就可以。代码如下： <el-form-item label="活动时间" required > <el-col :span="4"&gt...

如图所示，当你输入某个关键字时，去掉用某个接口，然后通过关键字获取数据。View Code&amp;lt;el-autocomplete class=&quot;inline-input&quot; v-model=&quot;form.tName&quot; :fetch-suggestions=&quot;querySearch&quot; pl

如上图所示，带有快捷键的日期选择器：View Code&amp;lt;el-date-picker v-model=&quot;createTime&quot; type=&quot;daterange&quot; align=&quot;right&quot; unlink-panels range-separator=&quot;to&

如上图是element UI的一个基本的select选择器根据element UI的官网事件调用，有一下几种：如果直接调用上述事件，不传任何参数，则可以获取到当前选中的值（因为默认会将event参数传递过去）场景：你需要将select选择器 ”选中的当前元素“ 和 ”其他你需要的值“ 一起传递过去？做法：change （$event，“你要传递的其他值”）...

前几天接了一个需求，需要动态生成一个表单数据，然后提交，提交完数据后。通过编辑按钮进入时，需要进行数据回填。没生成表单前的状态单机生成表单生成表单根据选择方式展示不同的表单元素如果从编辑页进入该页面有数据的话，进行数据回填样式同第三点相似，这里不再说明思路：请输入标题，请选择类型 为父组件；请选择方式 为子组件；根据请选择方式出来的内容为孙子组件难...

使用element制作一个列表页面，并且当点击“查看调查问卷”时弹出弹框。1. 制作一个名叫DataListTable&amp;amp;amp;lt;DataListTable v-show=&amp;amp;quot;showTable&amp;amp;quot; :list=&amp;amp;quot;list&amp;amp;quot; :total-num=&amp;amp;quot;totalNum&

入上图所示，我们要对“拨打次数”、“通话次数”，“通话时间” 进行排序。这里有什么办法呢？其实排序的主要工作量是在后端，前端只需要将 排序标志传递给后端即可。如上图表格：代码一：&lt;div class="task__content"&gt; &lt;div v-if="all_dial &amp;&amp; tableData !== []" ...