vue
kevin&1990
这个作者很懒,什么都没留下…
展开
-
点击导航切换路由,默认页面到浏览器顶部
// 直接放入main.js即可router.afterEach((to, from, next) => { window.scrollTo(0, 0)})原创 2021-11-21 12:52:40 · 668 阅读 · 0 评论 -
Vue-CLI 3.0 通过iframe引入静态html
创建静态文件夹(必须在public内)配置vue.config.js config.resolve.alias .set('@', resolve('src')) .set('static', resolve('public/static'))重点 .set('assets', resolve('src/assets')) .set('components', resolve('src/components')) .set('router'原创 2020-11-11 15:46:36 · 1018 阅读 · 0 评论 -
vue 动态表单 拿来就用
<el-form-item label="替换" prop="values"> <div v-for="(item, index) in AddForm.replaceList" :key="index" style="display: flex; margin-bottom: 20px" > ...原创 2020-09-28 18:01:27 · 182 阅读 · 0 评论 -
极简Vuex存储token、id,并设置请求头同时实现权限分配;
//1.用户登录1.1data data: function () { return { userToken: '', userID: '', param: { username: '', password: '' }, rules: { username: [{ requi原创 2020-08-04 15:31:47 · 571 阅读 · 0 评论 -
微信支付,二维码图片解析
微信支付: 后台返回的是数据流;开始这样,但是不行,解决:在请求里面加入 ‘responseType’: ‘blob’ ,转换:附上base64转图片 //base64转换 base64ImgtoFile(dataurl, filename = 'file') { let arr = dataurl.split(',') let mime = arr[0].match(/:(.*?);/)[1] let suffix =原创 2020-06-08 13:12:08 · 1926 阅读 · 0 评论 -
el-table中的img增加el-popover功能
<el-table-column fixed label="房间图片" width="120" align="center"> <template slot-scope="scope"> <div style="display: flex;justify-content: center;"> ...原创 2020-04-30 17:04:14 · 1045 阅读 · 0 评论 -
vue element ui 动态表单的上传后的回显以及操作
//首先拿到获取回来的数据 let arr = this.$refs.AddRule.FormObj.content.split(","); //每次重置 this.$refs.AddRule.FormObj.domains = []; //循环数据 for (let i = 0; i < arr.length; i++)...原创 2020-04-27 10:01:16 · 3002 阅读 · 0 评论 -
最笨的方法实现数组转字符串
let Arr = 数组数据; let Brr = []; let con = ""; Arr.map(item => { Brr.push(item.value); }); con = Brr.join(",");原创 2020-04-26 17:57:02 · 124 阅读 · 0 评论 -
Element ui el-popover实现content显示img格式
<el-popover placement="right" title width="200" trigger="hover"> <div style="width:200px;height:200px;"> <img style="...原创 2020-04-26 15:27:18 · 5043 阅读 · 2 评论 -
vue+element实现查看原图功能
//template<div class="img_box"> <div class="block" v-for="(url, index) in img_List"> <el-image style="width: 100%; hei...原创 2020-04-24 10:13:23 · 865 阅读 · 0 评论 -
el-upload上传、回显增、删、
<el-upload :http-request="UploadFile" action="#" list-type="picture-card" :auto-upload="true" ref="...原创 2020-04-21 19:53:18 · 4423 阅读 · 6 评论 -
vue-quill-editor转换上传图片问题
import API from "../../api/api_dynamic"; //引入api/*富文本编辑图片上传配置*/`在这里插入代码片`const uploadConfig = { action: "", // 必填参数 图片上传地址 methods: "POST", // 必填参数 图片上传方式 token: "", // 可选参数 如果需要token验证,假设你的...原创 2020-04-21 19:46:50 · 317 阅读 · 0 评论 -
vue element-ui实现form表单规则验证
vue el-element实现form表单规则验证1.添加事件2.data配置3.提交表单规则验证1-------------<el-form:model="ruleForm"status-icon:rules="rules"ref="ruleForm"class="demo-ruleForm"label-width="130px">2---------...原创 2020-01-21 16:54:51 · 622 阅读 · 0 评论 -
vue+elementui实现多功能table(拖拽、点击、状态变色、动态button、动态隐藏列等)
vue+elementui实现多功能table(拖拽、点击、状态变色等)<template> <div class="form_table"> <div class="w-table" :class="{'w-table_moving': dragState.dragging}"> <el-table stripe...原创 2020-01-21 16:47:41 · 1626 阅读 · 3 评论 -
vue实现el-date-picker日期,只可选中当前日期的前一天和选中部分的前后30天;
实现el-date-picker日期,只可选中当前日期的前一天和选中部分的前后30天;1.template <el-date-picker v-model="returnSummaryObj.collectDate" type="daterange" range-separator="-" ...原创 2020-01-21 16:41:44 · 2866 阅读 · 0 评论