![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 61
mygoes
天下没有难学的 IT
展开
-
Vue3 常用知识
vue3代理原创 2022-09-08 18:25:55 · 500 阅读 · 0 评论 -
进入/退出全屏
vab框架拆解进入/退出全屏进入/退出全屏<template> <div> <button @click="full">进入全屏</button> <button @click="fullPart">某个元素进入全屏</button> <button @click="exit">退出全屏</button> <div class="container">喔喔<原创 2021-10-29 06:13:17 · 1127 阅读 · 0 评论 -
前端的一些封装
时间倒计时(现在 到 目标时间) /** * @description:时间倒计时(现在 到 目标时间) * @param {date} 目标时间: '2020.11.17 17:54:00' * @return: 剩余时间 */ Countdown = (date) => { date = date.replace(/\./g, '/'); var timestamp = (new Date(date)).valueO原创 2020-11-17 18:05:04 · 1222 阅读 · 2 评论 -
写项目过程中遇到的问题
项目难点uniapp:需求:拖动标签,保存位置。movable-view 可拖动视图容器 的 change 事件在拖动过程中是一直触发的,如果在 change 事件中对位置进行存储,位置的 top 值会一直在递增(原因不明),导致即使停止了标签的拖动,标签依旧会竖直往下移动。解决:只在 change 事件中只对位置信息进行记忆,通过另外的(点击/滑动)事件来对位置信息进行存储。......原创 2021-05-19 16:12:19 · 1399 阅读 · 5 评论 -
自动梳理 CSS 代码
css 代码梳理一个优秀的程序员写的代码总是井然有序的。下文教大家怎么让 css 代码按一定规则排布。工具及插件:IDE:VSCode;插件:CSScomb第1步:在 VSCode 中安装 CSScomb 插件。第2步:进入 CSScomb 的扩展设置页面。第3步:在 setting.json 中编辑。可以勾选 Auto format on save,可以在 ctrl+s 保存代码时自动格式化 css 代码。第4步:此时会跳转到 setting.json 页面,原创 2021-04-28 17:54:14 · 658 阅读 · 0 评论 -
Element 动态增减表单项+自定义校验规则
动态增减表单项+自定义校验规则使被遍历的每一条数据都能被验证,效果图例如:上图仅作参考,非下面代码的运行图。html: <el-form-item v-show="editForm.switchVal" label="列表:"> <div v-for="(item, index) in editForm.list" :key="index"> <el-form-item :prop="`list.${index}.tel`" :rules="editRu原创 2021-03-18 17:33:10 · 1574 阅读 · 2 评论 -
ElementUI Upload上传 文件缩略图 删除
ElementUI Upload上传 文件缩略图 删除ElementUI 的 Upload上传 的 文件缩略图 部分,删除功能的实现没有写具体。在此补充一二:html: <el-form-item label="证件照片" prop="idPhoto"> <el-upload ref="pictureUpload" action="https://jsonplaceholder.typicode.com/posts/" list-type="picture原创 2021-03-15 15:31:14 · 5301 阅读 · 7 评论 -
一个项目多个后端
一个项目多个后端解决:一个项目不同基地址解决:一个项目不同后端解决:一个项目不同基地址如果你在发请求的时候, 基地址baseURL不通用,这时发请求时可以 单独再写个 baseURL:src/api/index.js:请求后端 1:import request from '../utils/request'export function userList(params){ return userRequest({ url:"/user/list",原创 2021-03-11 15:23:30 · 903 阅读 · 0 评论 -
Element 框架中根据不同状态渲染数据
Element 框架中根据不同状态渲染数据需求 : 根据后端返回的 Status 值的不同在页面中显示对应的状态 .例如 : 后端返回 “Status = 4” → 页面显示 “已收货”备忘 :<el-table stripe ref="searchTable" :data="searchData" tooltip-effect="dark" @selection-change="handleSelectionChange"> // 正常渲染: <el-table-co原创 2020-06-19 19:15:09 · 1650 阅读 · 0 评论