vue
文章平均质量分 52
木偶陈
记录开发中遇到的一些小问题
展开
-
JS数组根据对象属性值合并成新的json数组
1.数据源 var itemData = [ {id:1,garbageType:"3",weight:"21.3",deliverName:"陈木偶"}, {id:2,garbageType:"4",weight:"35.3",deliverName:"陈小丑"}, {id:3,garbageType:"3",weight:"29.3",deliverName:"陈木偶"}, {id:4,garbageType:"4",weight:"45.3",deliverNam原创 2022-05-18 13:54:49 · 531 阅读 · 0 评论 -
JS获取数组对象中的其中一个属性组成新的数组
1. var data=[ {name:"jack"; weight:"50"}, {name:"jack1"; weight:"51"}, {name:"jack2"; weight:"52"}, {name:"jack3"; weight:"53"}, {name:"jack4"; weight:"54"},]2. var newWeightArr = data.map((item, index) => { return item.wei原创 2022-05-16 11:06:58 · 7096 阅读 · 0 评论 -
vue el-upload 和form表单一起提交
图片上传和表单同时一起提交1. <!-- 弹出框 --> <el-dialog :title="titleMap[dialogStatus]" :visible.sync="dialogFormVisible"> <el-form :model="form" :rules="rules" ref="form"> <el-form-item label="商品名称" prop='goodsName' style="width:40%">原创 2021-09-08 14:45:02 · 4722 阅读 · 1 评论 -
vue打包部署到后端服务器
vue 打包部署到后端服务器1.命令行 npm run build 生成 dist文件夹,点击打开index.html文件会发现页面空白,打开控制台很多资源路径访问不到报错: Failed to load resource: net::ERR_FILE_NOT_FOUN bg.6257696.png:1 Failed to load resource: net::ERR_FILE_NOT_FOUND element-icons.535877f.woff:1 Failed to load resou原创 2020-12-02 09:22:11 · 1675 阅读 · 1 评论 -
vue element-ui 查询功能(前端)
computed用来监控自己定义的变量,该变量不在data里面声明,直接在computed里面定义,然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理;computed比较适合对多个变量或者对象进行处理后返回一个结果值,也就是数多个变量中的某一个值发生了变化则我们监控的这个值也就会发生变化,举例:购物车里面的商品列表和总金额之间的关系,只要商品列表里面的商品数量发生变化,或减少或增多或删除商品,总金额都应该发生变化。这里的这个总金额使用computed属性来进行计算是最好的选择原创 2020-11-05 10:29:25 · 17461 阅读 · 7 评论 -
vue+element-ui+el-upload+ oss 阿里云上传视频和图片(前端处理)
vue+element-ui+el-pload+ oss 阿里云上传视频和图片(前端处理)1.安装 oss 依赖包npm install ali-oss --save2.新建 oss.js // 引入ali-osslet OSS = require('ali-oss')/**阿里云配置 * [accessKeyId] {String}:通过阿里云控制台创建的AccessKey。 * [accessKeySecret] {String}:通过阿里云控制台创建的AccessSecret。原创 2020-09-23 11:02:37 · 3335 阅读 · 1 评论 -
vue中img标签src属性自定义变量
vue中img标签src属性自定义变量(一)在标签内用require导入,注意格式 <img :src="require('../../assets/' +imgUrl+'.png')" />(二)在data中定义 data() { return { imgUrl: 'popup-perishable' } },原创 2020-09-19 09:23:54 · 2892 阅读 · 0 评论 -
vue element-ui 前端实现分页效果
vue element-ui 实现前端处理分页1.使用el-pagination分页插件!--分页条--> <div class="page"> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[5, 10, 20, 40]" :page原创 2020-09-05 14:09:42 · 6770 阅读 · 9 评论 -
element-ui el-dialog 新增编辑动态分配标题
vue element+ui 新增编辑一个弹出框,动态分配标题1.弹出框动态绑定标题:title<!-- 新增编辑弹出框 --> <el-dialog :title="titleMap[dialogStatus]" :visible.sync="dialogFormVisible" :rules="rules" ref="ruleForm"> <el-form> <el-form-item label="角色" :label-width="fo原创 2020-09-07 13:56:07 · 2148 阅读 · 0 评论