uniapp
关于uniapp的内容创作
WeiflR10
…………
展开
-
使用uniapp开发APP实现版本更新并安装
在manifest.json中输入本次版本号。在 首页 中判断是否显示 更新提示 弹窗。通过一个弹窗去实现版本更新提示。注:获取本地包版本号。原创 2022-12-02 16:49:53 · 3967 阅读 · 12 评论 -
uniapp下拉框组件
之前写过一个小程序的,引入单个下拉框是没有问题的,但是一个页面引入多个下拉框组件的话就会有bug,比如可以同时展开多个下拉框的问题,在此修复了。如果大家有什么好的办法可以告诉我一下嘛~如果想在js中输出this.isjiantou0 this.isjiantou1 this.isjiantou2 ...,可以使用模板字符串。原创 2022-09-20 11:04:30 · 6724 阅读 · 1 评论 -
在uniapp中使用vuex
1.在根目录下新建一个store文件夹 ,然后创建js文件 index.js。原创 2022-09-16 16:44:17 · 1176 阅读 · 0 评论 -
uniapp开发APP实现导航栏顶部搜索功能
注:在安卓真机上,onLoad,onShow,onPullDownRefresh,或通过setTitleNViewSearchInputText方法赋值为空时,都会调用onNavigationBarSearchInputChanged 这个方法,所以如果请求列表数据时,要注意,不然会重复请求列表数据。但在ios真机上,onLoad,onShow,onPullDownRefresh,或通过setTitleNViewSearchInputText方法赋值为空时都不会调用onNavigationBarSear原创 2022-09-16 10:44:42 · 7016 阅读 · 3 评论 -
uni-app开发的APP,启动时通过登录状态判断跳转到哪个页面
实际场景:用户打开APP时,如果他没登录,则跳转到登录页,如果已经登录,则跳转到首页。在项目的manifest.json中配置启动界面,通过手动去关闭启动页(页面跳转好了以后在关闭启动页,无论page.json中配置的第一个页面是哪个,都不会闪屏)原创 2022-09-15 17:08:16 · 2954 阅读 · 2 评论 -
使用uniapp开发APP时的调试/安卓打包等
2.打开开发者模式,华为手机举列-->设置-->关于手机-->版本号,多次连续点击“版本号”,就会提示已打开 开发者模式。4.在Hbuild中打开项目,选择 运行-->运行到手机或模拟器,当前使用uniapp开发的APP就可以运行到手机了。1.打开webview调试(在Hbuild中打开项目,选择 视图-->显示Wbeiview控制台)3.华为手机举列-->设置-->系统和更新-->开发人员选项-->打开 USB调试,进入调试模式。按照上面的操作运行到手机时,看不到接口的请求以及样式等,可以按照如下操作。原创 2022-09-14 15:04:38 · 14430 阅读 · 0 评论 -
uniapp封装请求
const baseURL = '192.111.111.111'export default { get(params) { return this.request(params, 'GET') }, post(params) { return this.request(params, 'POST') }, request(params, method) { let url = baseURL + params.url; let header = { 'content.原创 2022-02-16 11:42:30 · 2638 阅读 · 0 评论 -
uniapp安装uview
一、直接去uniapp的插件市场找到后下载我下载后 uview-ui在uni_modules文件下,我把uview-ui放在了根目录下,删除uni_modules这个文件夹二、配置1.首先必须得安装sass插件2.引入主js库在main.js中引入,注意这两行要放在import Vue之后import uView from "uview-ui";Vue.use(uView);3.引入uView基础样式在app.vue中写<style lang="scss"&原创 2022-02-17 11:11:09 · 1544 阅读 · 0 评论 -
使用uniapp开发APP,自定义导航栏按钮
先上效果图首先要在page.json中配置app-plus官方文档:uni-app官网{ "path": "pages/index/index", "style": { "navigationBarTitleText": "个人信息", "app-plus": { "titleNView": { "buttons": [{ "text": "保存", "fontSrc": "/static/icon/ic原创 2022-03-02 16:53:56 · 5030 阅读 · 1 评论 -
uniapp中封装图片上传功能
本来是使用uview就是这样的<template> <u-upload :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" multiple :maxCount="9" ></u-upload></template><script> export default { data() { return {原创 2022-02-17 10:48:18 · 2884 阅读 · 11 评论