封装一个图片文件对象转Base64的方法
Deshun 发布于 3年前 (2021-05-27) 1945℃ 评论(0) 赞 (0)
常用的 UI 组件库如 Ant Design 、 Element UI 等都会有的 Upload 组件,支持 change 等事件,但是事件返回的是文件对象,如果需要本地实时预览,就需要转换成 Base64 格式。可以封装一个方法,方便以后的使用。@/utils/getBase64.js/** * Create by Deshun *&nb...
Deshun 发布于 3年前 (2021-05-27) 1945℃ 评论(0) 赞 (0)
常用的 UI 组件库如 Ant Design 、 Element UI 等都会有的 Upload 组件,支持 change 等事件,但是事件返回的是文件对象,如果需要本地实时预览,就需要转换成 Base64 格式。可以封装一个方法,方便以后的使用。@/utils/getBase64.js/** * Create by Deshun *&nb...
Deshun 发布于 3年前 (2021-04-29) 3247℃ 评论(0) 赞 (1)
H5项目接入微信授权登录,通过 UA 区分微信还是普通浏览器:let ua = navigator.userAgent.toLowerCase(); let isWeixin = ua.indexOf('micromessenger') !== -1;但是在微信小程序中嵌套该页面也会被认为是微信打开并...
Deshun 发布于 4年前 (2021-03-22) 2027℃ 评论(0) 赞 (0)
今天做的一个项目,使用的 Ant Design for Vue 组件库。在页面中写了一个 Modal 组件,发现模态框弹出后无法关闭:<a-modal :visible="visible" :footer="null" :closable="false"...
Deshun 发布于 4年前 (2021-01-09) 2024℃ 评论(0) 赞 (1)
Vue 项目中,在使用 v-for 列表循环时报错:Duplicate keys detected: '81bc03e2903447d8bb23fe18677abe54'. This may cause an update error. 虽然不影响页面的正常显示,但是这么一长串的 console 报错肯定是要解决的。看一下代码:<view ...
Deshun 发布于 4年前 (2020-12-04) 1319℃ 评论(0) 赞 (0)
前几天写了 Vue状态管理模式:Vuex入门教程 ,今天再整理一下 Vue Router 的入门笔记。什么是 Vue Router ?Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含如下功能:嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的...
Deshun 发布于 4年前 (2020-11-11) 1516℃ 评论(0) 赞 (2)
什么是 Vuex ?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。使用 Vue CLI 脚手架安装的 Vue 3.0 已经默认集成了 Vuex,下面记录的是 V...
Deshun 发布于 4年前 (2020-11-10) 5917℃ 评论(0) 赞 (6)
uView 是 uni-app 生态的一款不错的前端 UI 框架,集成了很多实用组件。在使用 搜索 组件时遇到一个问题,点击搜索按钮没有反应。下面开始使用方法:u-search 可以通过 placeholder 参数设置占位内容,通过 v-model 双向绑定一个变量值:<template> <u-search placeholder=&quo...
Deshun 发布于 4年前 (2020-10-15) 4065℃ 评论(0) 赞 (1)
除了 HBuilderX 可视化界面,也可以使用 cli 脚手架,可以通过 vue-cli 创建 uni-app 项目。如果是老的项目,也可以通过下方步骤,创建一个 uni-app 选择默认模板,然后将项目原封...
Deshun 发布于 4年前 (2020-10-14) 4159℃ 评论(1) 赞 (1)
之前的一个 uni-app 项目,为了方便管理和自动化部署,准备采用 vue-cli 和 webpack 进行部署,遇到了一些问题,记录一下:当然,如果你是刚开始创建项目,可以直接通过 vue-cli 进行创建: 用Vue CLI创建uni-app,摆脱HBuilder,npm命令行运行及发布缺少模块:Hbuilder 可以直接在插件中心进行插件安装,但是改用 vue-cli 之后有些就...
Deshun 发布于 4年前 (2020-07-21) 3709℃ 评论(0) 赞 (0)
Antd for Vue 的 Table 组件还是很方便的,今天就记录一下,如何让在一列中展示多个参数。HTML部分代码:<a-table :columns="levelColumns" :data-source="levelData" :pagination="false" bordered...