Tag "vue" 相关话题

经验总结

封装一个图片文件对象转Base64的方法

Deshun 发布于 3年前 (2021-05-27) 1698℃ 评论(0) 赞 (0)

常用的 UI 组件库如 Ant Design 、 Element UI 等都会有的 Upload 组件,支持 change 等事件,但是事件返回的是文件对象,如果需要本地实时预览,就需要转换成 Base64 格式。可以封装一个方法,方便以后的使用。@/utils/getBase64.js/**  * Create by Deshun  *&nb...

经验总结

H5页面判断是否是微信小程序打开

Deshun 发布于 3年前 (2021-04-29) 2942℃ 评论(0) 赞 (0)

H5项目接入微信授权登录,通过 UA 区分微信还是普通浏览器:let ua = navigator.userAgent.toLowerCase(); let isWeixin = ua.indexOf('micromessenger') !== -1;但是在微信小程序中嵌套该页面也会被认为是微信打开并...

经验总结

奇怪的“bug”:@cancel取消回调导致antdv Modal组件无法关闭

Deshun 发布于 3年前 (2021-03-22) 1737℃ 评论(0) 赞 (0)

今天做的一个项目,使用的 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 发布于 3年前 (2021-01-09) 1815℃ 评论(0) 赞 (1)

Vue 项目中,在使用 v-for 列表循环时报错:Duplicate keys detected: '81bc03e2903447d8bb23fe18677abe54'. This may cause an update error. 虽然不影响页面的正常显示,但是这么一长串的 console 报错肯定是要解决的。看一下代码:<view   ...

经验总结

Vue官方路由管理器Vue-router入门教程

Deshun 发布于 3年前 (2020-12-04) 1124℃ 评论(0) 赞 (0)

前几天写了 Vue状态管理模式:Vuex入门教程 ,今天再整理一下 Vue Router 的入门笔记。什么是 Vue Router ?Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含如下功能:嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的...

经验总结

Vue状态管理模式:Vuex入门教程

1

Deshun 发布于 3年前 (2020-11-11) 1292℃ 评论(0) 赞 (2)

Vue状态管理模式:Vuex入门教程

什么是 Vuex ?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。使用 Vue CLI 脚手架安装的 Vue 3.0 已经默认集成了 Vuex,下面记录的是 V...

经验总结

uView搜索组件u-serch的使用及点击搜索按钮无效的问题解决

Deshun 发布于 3年前 (2020-11-10) 5638℃ 评论(0) 赞 (6)

uView 是 uni-app 生态的一款不错的前端 UI 框架,集成了很多实用组件。在使用 搜索 组件时遇到一个问题,点击搜索按钮没有反应。下面开始使用方法:u-search 可以通过 placeholder 参数设置占位内容,通过 v-model 双向绑定一个变量值:<template>   <u-search placeholder=&quo...

经验总结

用Vue CLI创建uni-app,摆脱HBuilder,npm命令行运行及发布

1

Deshun 发布于 3年前 (2020-10-15) 3796℃ 评论(0) 赞 (0)

用Vue CLI创建uni-app,摆脱HBuilder,npm命令行运行及发布

除了 HBuilderX 可视化界面,也可以使用 cli 脚手架,可以通过 vue-cli 创建 uni-app 项目。如果是老的项目,也可以通过下方步骤,创建一个 uni-app 选择默认模板,然后将项目原封...

经验总结

uni-app项目改用vue-cli npm运行报错及问题总汇

Deshun 发布于 3年前 (2020-10-14) 3857℃ 评论(1) 赞 (0)

之前的一个 uni-app 项目,为了方便管理和自动化部署,准备采用 vue-cli 和 webpack 进行部署,遇到了一些问题,记录一下:当然,如果你是刚开始创建项目,可以直接通过 vue-cli 进行创建: 用Vue CLI创建uni-app,摆脱HBuilder,npm命令行运行及发布缺少模块:Hbuilder 可以直接在插件中心进行插件安装,但是改用 vue-cli 之后有些就...