
uniapp
avoidaily
当你凝视深渊,深渊也在凝视你
展开
-
遮罩层出现后不能滚动 添加事件@touchmove.prevent 移动端中的坑和 vue中事件修饰符详解(stop, prevent, self, once, capture, passive)
是将事件设置为只执行一次,如 .click.prevent.once 代表只阻止事件的默认行为一次,当第二次触发的时候事件本身的行为会执行。-.self 只响应当前元素自身触发的事件,不会响应经过冒泡触发的事件,并不会阻止冒泡继续向外部触发。:是阻止冒泡行为,不让当前元素的事件继续往外触发,如阻止点击div内部事件,触发div事件。:是只有是自己触发的自己才会执行,如果接受到内部的冒泡事件传递信号触发,会忽略掉这个信号。:是改变js默认的事件机制,默认是冒泡,capture功能是将冒泡改为倾听模式。转载 2023-03-08 13:53:50 · 1229 阅读 · 0 评论 -
uniapp实现微信H5扫码
在uni-app官网上发现uni-app不支持H5扫码功能,但是下面的提示说明可以通过微信的JS-SDK实现扫码功能,下面这篇文章主要给大家介绍了关于uniapp实现微信H5扫码功能的完整步骤,需要的朋友可以参考下。借鉴:https://www.jb51.net/article/267540.htm。首先打开uniapp官网,发现uni-app不支持H5扫码。but,继续往下看:引用微信的SDK去实现扫码。1.下载js文件,直接引入到项目里。2.通过npm安装,按需引入。原创 2023-02-25 14:30:00 · 4897 阅读 · 2 评论 -
Uniapp input输入框实现自动选中
Uniapp 实现 input 输入框聚焦的时候使用 selectionStart 和 selectionEnd 方式实现不生效,可以使用 renderjs 的方式进行实现,注意:renderjs是一个运行在视图层的js。它比WXS更加强大。它只支持app-vue和web。转载 2023-02-24 09:43:15 · 2564 阅读 · 2 评论 -
uniapp 下拉刷新和页面滚动冲突问题
uniapp 下拉刷新和页面滚动冲突问题 ,在页面滚动区域加。转载 2023-02-16 14:48:35 · 2204 阅读 · 3 评论 -
vue/uniapp 动态禁止页面滚动(h5)
弹框时,底部会跟随滑动,用户体验不佳。原理简单,就是常用的css 来控制。转载 2023-02-16 14:48:29 · 1874 阅读 · 0 评论 -
【uniapp】加载更多
使用uni-load-more组件。原创 2021-11-25 14:37:49 · 576 阅读 · 0 评论 -
【uniapp】封装返回顶部的公共组件
1.根目录components文件里,创建totop文件、totop.vue页面<template> <view class="page"> <view class="btn" @tap="toTop" :style="{'display':(isTop===false? 'none':'block')}"> <tui-icon name="arrowup" :size="32" color="#fff" ></tui-icon>.原创 2021-11-25 14:16:51 · 1079 阅读 · 0 评论 -
【uniapp—H5本地开发】设置请求代理,解决跨域,以及请求方法的封装
一、设置请求代理,解决跨域manifest.json——源码视图——h5(配置反向代理)"h5" : { "devServer" : { //"port" : 8080, //设置端口号 "disableHostCheck" : true, "proxy" : { "/api" : {// /api重定向 将下方的target拼接到接口的最前面 // 线上接口域名 打包时使用原创 2021-10-08 17:17:47 · 4187 阅读 · 0 评论 -
【uniapp】 判断浏览器环境
//平台、设备和操作系统var system = { win: false, mac: false, xll: false, ipad: false,};//检测平台(win系统,mac系统,Linux系统,ipad)var p = navigator.platform;system.win = p.indexOf("Win") == 0;system.mac = p.indexOf("Mac") == 0;system.x11 = p == "X11" || p.indexOf("原创 2021-10-08 16:24:17 · 1782 阅读 · 0 评论 -
【uniapp】引用vuex存取全局变量和方法
一.创建在项目的根目录下创建store文件夹,创建index.jsindex.js(相当于仓库)import Vue from "vue"import Vuex from "vuex"Vue.use(Vuex);export default new Vuex.Store({ //存放一些变量 state:{ }, //存放一些方法 mutations:{ }})main.jsimport store from原创 2021-10-08 16:09:39 · 797 阅读 · 0 评论