![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
TheLongir
海賊王は俺がやる
展开
-
Vue项目区分开发环境问题
在Jenkins持续构建项目时,出现的IP和Port变化的情况。也考虑到后期会换底层数据库,Redis配置和上传下载路径,可能会随着服务器的不同配置多台不同的环境变量。所以区分一下各自开发环境,和生产的环境是很有必要的。因此来记录一下Vue前端使用不同环境的方法...原创 2022-05-19 14:42:11 · 2829 阅读 · 0 评论 -
前端数组去重方法
options的数据为options:[{ "value":"xxx",}]且options中每个对象的值都为{ "value":"xxx",}这种结构 //去重 let obj = {}; options = options.reduce((cur, next) => { obj[next.value] ? "" : (obj[next.value] = true && cur.push(next));原创 2022-04-18 10:51:56 · 375 阅读 · 0 评论 -
使用el-autocomplete入的坑
记录背景: 查了很多相关el-autocomplete,感觉都不是自己想要的,于是自己整理了一下el-autocomplete的简单使用1、写入HTML <el-autocomplete v-model="queryParams.gsmc" class="inline-input" :fetch-suggestions="queryGroupId" placeholder="请输入公司名称"原创 2022-04-18 10:38:25 · 1291 阅读 · 0 评论 -
Vue中的确认提示框
弹出确认框this.$confirm("是否确认标记为作废?", "提示", { iconClass: "el-icon-question", //自定义图标样式 confirmButtonText: "确认", //确认按钮文字更换 cancelButtonText: "取消", //取消按钮文字更换 showClose: true, //是否显示右上角关闭按钮 type: "warning", //提示类型 succes原创 2022-04-13 09:54:45 · 8948 阅读 · 2 评论 -
Vue中Form表单中添加Rules规则
1、写入HTML<el-form :model="pageForm" label-width="80px" :rules="pageFormRules" ref="pageForm"> <el-form-item label="文档部门" prop="archiveApartment"> <el-input v-model="pageForm.archiveApartment" auto-complete="off" ></el-in原创 2022-04-07 14:36:13 · 2771 阅读 · 0 评论 -
Vue中分页组件的用法
分页组件<el-pagination @size-change="handleSizeChange" :prev-text="$t('pages.previousPage')" :next-text="$t('pages.nextPage')" @current-change="handleCurrentChange" :current-page="queryPageParams.pageNum" :page-sizes="queryPageSizes原创 2022-04-07 14:35:30 · 203 阅读 · 0 评论 -
Vue中el-dialog的用法
1、写入页面<el-button type="text" @click="dialogFormVisible = true">打开嵌套表单的 Dialog</el-button><el-dialog title="收货地址" :visible.sync="dialogFormVisible" @closed="handleClose"> <el-form :model="form" :rules="rules" ref="ruleForm">原创 2022-04-07 14:34:52 · 3005 阅读 · 0 评论 -
vue格式化时间方法
1、下载依赖npm install moment --save2、引入依赖import moment from 'moment';3、写入methods//过滤秒:格式化时间leaveTime(value){ return moment(value).format('YYYY-MM-DD HH:mm');},4、封装成js直接使用(下次直接引入即可)import moment from 'moment';// 短时间export const shortTime = fun原创 2022-04-07 14:33:40 · 5814 阅读 · 0 评论