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