随笔分类 -  前端

摘要:一、单行文本的居中 1.文字水平居中(text-align: center) <div style="text-align: center;height: 200px;width: 300px;border: 1px solid red">你好呀</div> 2.文字垂直居中(line-height 阅读全文
posted @ 2022-08-19 11:26 DeyouKong 阅读(79) 评论(0) 推荐(0) 编辑
摘要:element-ui单选框 大家是不是都是这样写的,后端需要的数据是布尔类型true、false,这样写就导致保存及编辑显示的时候还得处理一次,有点小麻烦 <el-radio-group v-model="allowAuth"> <el-radio label="true">是</el-radio> 阅读全文
posted @ 2022-08-18 10:39 DeyouKong 阅读(1414) 评论(0) 推荐(1) 编辑
摘要:1、安装 i18n 模块 vue-i18n与vue存在版本兼容性问题,vue2.x需要使用 8.9.0以下版本的vue-i18n,我们这里用的vue 2.6.10,配合vue-i18n 8.2.1版本使用 安装vue-i18n npm install vue-i18n@8.2.1 --save 2、 阅读全文
posted @ 2022-07-17 13:43 DeyouKong 阅读(4196) 评论(0) 推荐(0) 编辑
摘要:打包之前的路由模式 **目标**配置打包之前的路由模式 在SPA单页应用中,有两种路由模式 hash模式 : #后面是路由路径,特点是前端访问,#后面的变化不会经过服务器 history模式:正常的/访问模式,特点是后端访问,任意地址的变化都会访问服务器 开发到现在,一直都在用hash模式,打包我们 阅读全文
posted @ 2022-04-19 09:21 DeyouKong 阅读(1198) 评论(0) 推荐(0) 编辑
摘要:配置一个腾讯云cos 我们必须先拥有一个腾迅云的开发者账号(小心腾讯云的广告电话) 具体操作可百度 设置cors规则,AllowHeader 需配成*,如下图所示。 封装上传图片组件-上传组件需求分析 目标 梳理整个的上传过程 初始化cos对象参数 名称 描述 SecretId 开发者拥有的项目身份 阅读全文
posted @ 2022-04-03 00:19 DeyouKong 阅读(418) 评论(0) 推荐(0) 编辑
摘要:需求 选择组织,一次呈树形状铺开,仅支持单选,可以删除,支持搜索 实现: 一、首先安装包"@riophae/vue-treeselect":"^0.0.37", 二、在要用的vue页面上 import Treeselectfrom '@riophae/vue-treeselect' import ' 阅读全文
posted @ 2022-03-21 11:23 DeyouKong 阅读(1125) 评论(0) 推荐(0) 编辑
摘要:1、手机号验证 // 验证手机号 export function checkPhone(rule, value, callback) { if (!value) { return callback(new Error('手机号不能为空')) } else { const reg = /^1[3|4| 阅读全文
posted @ 2022-03-18 14:50 DeyouKong 阅读(44) 评论(0) 推荐(0) 编辑
摘要:传统注册组件 1、在 src/components 下自定义公用组件 <template> <el-pagination :current-page="currentPage" :page-sizes="pageSizesComputed" :page-size="pageSize" layout= 阅读全文
posted @ 2022-03-18 14:47 DeyouKong 阅读(249) 评论(0) 推荐(0) 编辑
摘要:传统注册过滤器 1、先在 filters/index.js 文件中导出方法 /** * * @param {*} date * @returns */ export function dateTimeFormat(date) { const json_date = new Date(date).to 阅读全文
posted @ 2022-03-18 14:26 DeyouKong 阅读(695) 评论(0) 推荐(0) 编辑
摘要:1、计算某个日期距当前时间多少分钟/时/天 /** * @param {number} time */ export function timeAgo(time) { const between = Date.now() / 1000 - Number(time) if (between < 360 阅读全文
posted @ 2022-03-18 14:06 DeyouKong 阅读(37) 评论(0) 推荐(0) 编辑
摘要:最近写项目的时候, 重复点击路由会在控制台报这样的错误。 它的提示是 避免到当前位置的冗余导航。 简单来说就是重复触发了同一个路由。 这个错误是 vur-router更新以后新出现的错误。(我使用的是 vue-router 3.2.0)出现的 解决这个错误也非常简单。只需要在router /inde 阅读全文
posted @ 2021-12-22 10:56 DeyouKong 阅读(1194) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示