![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 93
福州王宝强
这个作者很懒,什么都没留下…
展开
-
elementUI动态添加表单项并添加验证
elementUI动态添加表单项并添加验证在使用elementUI动态添加表单项并添加验证的时候踩了一些坑,在此记录一下首先效果图:代码:<el-form :label-position="labelPosition" :ref="form" :model="form" label-width="120px" :inline="true" style="overflow: hidde...原创 2019-08-23 17:48:29 · 13240 阅读 · 3 评论 -
elementUI树形控件+面包屑导航+页面图标点击联动,仿网盘页面
elementUI树形控件+面包屑导航+页面图标点击联动需求是做一个类似网盘的界面,需要有左侧的树形控件,顶部的面包屑导航以及内容部分有文件夹和文件页面效果图:点击文件:点击添加:首先是树形控件代码:<div class="doc_left"> <el-tree :data="tree" :props="defaultProps" ref="tree...原创 2019-08-23 19:01:49 · 5406 阅读 · 14 评论 -
elementUI表单携带多文件一次性上传
elementUI表单携带多文件一次性上传由于elementUI的图片上传控件默认是单图片上传的,如果你添加了多张图片它会分多次请求发送给服务器,项目中多数是需要一次性上传多个图片文件且携带表单内容,这里记录一下实现功能的过程代码:<el-form :ref="form" :rules="rules" :model="form" label-width="110px" style="...原创 2019-08-26 10:01:54 · 5652 阅读 · 3 评论 -
elementUI+VUE完成动态添加表单项并使用watch深度监听
VUE的watch深度监听需求是动态添加表单项并计算金额以及总价,由于需要监听对象中的数组属性并计算金额,使用到了watch深度监听。刚使用vue不久,记录一下解决问题的过程,代码写得不是很好,见谅效果图:js代码:/*监听价格及数量变化,计算物品总价及采购总价*/ watch:{ 'form.purchase_list':{ handler:funct...原创 2019-08-26 18:14:59 · 5211 阅读 · 0 评论 -
elementUI单选框radio传值
elementUI单选框radio传值问题从后端查询到单选框的文本及id,在表单中遍历出单选按钮,在提交表单时需要向后台提交id而不是文本值后台提供的单选数据:原先写的代码::label的值会绑定到v-model上,这样写的话传给后台的是文本值。修改过后:<el-radio-group v-model="form.type_property"> &l...原创 2019-08-29 16:34:54 · 14736 阅读 · 0 评论