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