随笔分类 -  Vue

Vue Uniapp 相关信息
uniapp使用canvas电子签名
摘要：``` 清空 保存 ``` 阅读全文
posted @ 2023-08-26 15:57 Ajanuw 阅读(211) 评论(0) 推荐(0)
vue 使用路由重复跳转同一页面
摘要：重复跳转的时候发送新的date this.$router.push(`/messages?date=${Date.now()}`).catch(() => {}); 页面内监听路由变化 ... watch: { $route(to, from) { if (to.query.date) { this 阅读全文
posted @ 2021-12-03 11:44 Ajanuw 阅读(1125) 评论(0) 推荐(0)
Vue element-ui 限制时间范围选择
摘要：<el-date-picker type="datetimerange" v-model="datetime" :picker-options="pickerOptions" start-placeholder="开始日期" end-placeholder="结束日期" /> data() { re 阅读全文
posted @ 2021-09-15 14:12 Ajanuw 阅读(253) 评论(0) 推荐(0)
Uniapp: H5 压缩图片
摘要：uni.chooseImage... uni.getImageInfo({ src: res.tempFilePaths[0], success: (res) => { const blobUrl = res.path; const canvas = document.createElement(" 阅读全文
posted @ 2021-09-04 07:32 Ajanuw 阅读(930) 评论(0) 推荐(1)
uniapp 万年历
摘要：大量代码来至这里 <template> <view class="calendar-main"> <!-- 当前年月 --> <view class="choose_year"> <view class="icon" @click="chooseYears(-1)"><<</view> <view 阅读全文
posted @ 2020-11-02 20:35 Ajanuw 阅读(1625) 评论(0) 推荐(0)
uniapp设置不同的主题(Theme)
摘要：App.vue: <style lang="stylus"> @css { html { --primary: blue; --bg-image: url(https://i.loli.net/2020/10/14/gQq96O4DxRVXSKP.jpg); } html[data-theme='g 阅读全文
posted @ 2020-11-02 15:41 Ajanuw 阅读(2785) 评论(0) 推荐(0)
uniapp 修改meta:viewport
摘要：onLoad(options) { this.setViewport(`width=device-width, initial-scale=1.0`); }, onUnload() { this.setViewport(`width=device-width, user-scalable=no, i 阅读全文
posted @ 2020-09-02 10:59 Ajanuw 阅读(2440) 评论(0) 推荐(0)
uniapp 扫普通链接二维码打开小程序
摘要：上家邀请下家，会在生成的二维码中携带上家id，当下家扫码进入小程序指定页面，接收上家id发送给后端 在 h5 和 wxapp 中 生成qrcode的组件 https://ext.dcloud.net.cn/plugin?id=39 wx小程序扫二位码文档 生成链接时 computed: { ...m 阅读全文
posted @ 2020-07-26 12:04 Ajanuw 阅读(3209) 评论(0) 推荐(0)
uniapp 在h5和小程序上使用高德定位用户城市
摘要：![](https://img2020.cnblogs.com/blog/1053296/202107/1053296-20210731214049468-1727176028.png) - 开发文档 https://lbs.amap.com/api - 错误状态 https://lbs.amap. 阅读全文
posted @ 2020-07-23 10:55 Ajanuw 阅读(3666) 评论(0) 推荐(0)
uniapp mixin 使用
摘要：## 创建 ListMoreDataMixin ```js // 由于没有超类的限制这里要判断下 function ____checkGetData(context) { if (!context.getData || typeof context.getData !== "function") { 阅读全文
posted @ 2020-07-02 17:10 Ajanuw 阅读(4939) 评论(0) 推荐(0)
vue mixin执行覆盖
摘要：vue mixins 完整代码 vue 自带的mixin如果钩子函数重复会被组合为一个数组，然后全部从mixin → widget自动执行。 这里我们改为override的模式，让重写的钩子需要手动调用super去执行（并不强制） 修改钩子 function dedupeHooks(hooks) { 阅读全文
posted @ 2020-07-02 16:18 Ajanuw 阅读(2200) 评论(0) 推荐(0)
uniapp scroll-view
摘要：https://uniapp.dcloud.io/component/scroll-view <view class="flex1"> <scroll-view style="height: 100%;" :scroll-top="scrollTop" scroll-y="true" scroll- 阅读全文
posted @ 2020-07-01 10:48 Ajanuw 阅读(403) 评论(0) 推荐(0)
vue2 v-io 父子组件双向绑定多个数据
摘要：安装 vue-io-directive 可以减少使用 emit，组件自带的v-model好像也只能设置一个 npm i vue-io-directive 使用 import Vue from 'vue' import { VueIoDirective } from "vue-io-directive 阅读全文
posted @ 2020-06-30 16:35 Ajanuw 阅读(904) 评论(0) 推荐(0)
萌新 学习 vuex
摘要：vuex 官网文档 注： Mutation事件使用commit触发， Actions事件使用dispatch触发 安装 npm install vuex 创建store文件/store.js import Vue from 'vue' import Vuex from 'vuex' Vue.use( 阅读全文
posted @ 2017-12-01 21:32 Ajanuw 阅读(240) 评论(0) 推荐(0)