开发笔记-Mikel-第4页

uni.switchTab()跳转不刷新页面问题_currentpage.onload is not a function-CSDN博客

2024-11-25mikel阅读(176)

来源： uni.switchTab()跳转不刷新页面问题_currentpage.onload is not a function-CSDN博客

uni.switchTab()跳转不刷新页面问题

大家应该都遇到过,调转到 tabBar 里面的页面时，只能使用 uni.switchTab() 或者是 uni.navigator() 跳转，
使用 uni.reLauch() 或者是 uni.redirect() 无效，但是她们都存在一个共同的问题，就是，无法刷新页面和数据，uni.switchTab() 后面也是不可以带参数的，带参数无效，接下来就告诉大家我试了很多方法得出的结论。

我是需要从修改个人中心跳转到个人中心界面，

相信大家很多人百度这个问题，解决方案都是点击按钮时

但是页面会报错 page.onLoad is not a function 并且不会请求接口，所以页面无法刷新

还有人会使用 this.$forceUpdate()；但是页面并不会刷新，在vue脚手架中确实可以刷新页面，但是uniapp中没有效果
最后的解决方案，就是在跳转的时候，调用
window.location.reload();

这样可以在跳转的同时刷新页面，改代码必须写在要跳转的点击事件里面，放在mounted或者是onLoad里面，会一直刷新页面，出现死循环。
————————————————

原文链接：https://blog.csdn.net/qq_43665443/article/details/114398927

uniapp数据存储在本地，获取和移除。_uniapp存储数据到本地-CSDN博客

2024-11-25mikel阅读(119)

来源： uniapp数据存储在本地，获取和移除。_uniapp存储数据到本地-CSDN博客

uniapp数据存储在本地，获取和移除，两种方法，异步和同步，推荐使用同步

html代码

<view>

<button type=”default” @click=”setStorage”>数据缓存到本地</button>

</view>

</template>

数据存储异步

//缓存数据

setStorage(){

//这是一个异步接口

uni.setStorage({

key: ‘id’,//本地缓存中的指定的 key

data: 80//需要存储的内容，只支持原生类型、及能够通过 JSON.stringify 序列化的对象

})

数据存储同步

//缓存数据

setStorage(){

//这是一个同步接口。建议使用这个方法

//第一个参数本地缓存中的指定的 key

//第二个参数需要存储的内容

uni.setStorageSync(‘id’,100);

获取数据异步

getStorage(){

//这是一个异步接口

uni.getStorage({

key:’id’,//本地缓存中的指定的 key

success(res) {//接口调用的回调函数，res = {data: key对应的内容}

console.log(res.data)

}

})

获取数据同步

getStorage(){

//这是一个同步接口。建议使用这个方法

//参数本地缓存中的指定的 key通过赋值给一个变量获取

const value = uni.getStorageSync(‘id’);

console.log(value);

数据移除异步

removeStorage(){

//这是一个异步接口

uni.removeStorage({

key: ‘id’,//本地缓存中的指定的 key

success(res) {//接口调用的回调函数

console.log(‘移除成功’);

}

})

}

数据移除同步

removeStorage(){

//这是一个同步接口。建议使用这个方法

//参数本地缓存中的指定的 key通过赋值给一个变量获取

const value = uni.removeStorageSync(“id”);

console.log(“移除成功”);

}

id从本地缓存移除

————————————————

原文链接：https://blog.csdn.net/abcdebb/article/details/124211243

uniapp底部弹出层(uni-popup)使用技巧_uniapp从底部弹出一个盒子-CSDN博客

2024-11-21mikel阅读(106)

来源： uniapp底部弹出层(uni-popup)使用技巧_uniapp从底部弹出一个盒子-CSDN博客

官网：uni-popup 弹出层 | uni-app官网 (dcloud.net.cn)

底部弹出的使用技巧工作中常用

1.一般app和小程序的弹窗都是在底部弹出，例如：

2.如何实现（简单实用）？

uni-popup组件，我用vue3的时候是不用引入的，vue2需要先引入到项目中

怎么使用？记得先import导入和 components注册一下，如何从底部弹出，圆弧怎么搞？

注意： import的文件位置正确，ref绑定的名称和this.$ref.后面的名称一致

<view>

<uni-popup ref=”popup” type=”bottom”>

</uni-popup>

</view>

</template>

import uniPopup from ‘@/uni_modules/uni-popup/components/uni-popup/uni-popup.vue’

export default {

components: {

uniPopup

methods:{

open(){

// 通过组件定义的ref调用uni-popup方法 ,如果传入参数，type 属性将失效，仅支持

//[‘top’,’left’,’bottom’,’right’,’center’]

this.$refs.popup.open(‘bottom’)//底部弹出

}

</script>

.test-popup{

background: white;//默认全屏时灰色，只需要把你需要的部分改成白色

border-radius: 20px;//设置弧度的大小

height: 200px;

}

</style>

————————————————

原文链接：https://blog.csdn.net/m0_63553261/article/details/136150039

uniapp开发H5兼容APP，踩坑吐血整理_h5与app进行桥接遇到的wenti-CSDN博客

2024-11-19mikel阅读(150)

来源： uniapp开发H5兼容APP，踩坑吐血整理_h5与app进行桥接遇到的wenti-CSDN博客

问题一：uniapp H5 不报错 App报错：TypeError: Cannot read property ‘call’ of undefined 此错误导致程序在真机调试时白屏，但是在H5上时正常的

这个报错的主要原因是小程序分包导致的。当前页面引入其他包的js文件，但是执行当前页面时，js所在的包还未开始编译，就会导致控制台提示call的指向问题。

问题二：使用this.$refs.子组件.xxx方法， uniapp:H5正常，APP报错提示 Error in onShow hook (Promise/async): TypeError: Cannot read property xxx of undefined

经过确认了解到 xxx的位置，我是在onshow中调用子组件的方法去请求数据，但提示未找到该方法。初步判断是页面渲染的执行顺序问题。在真机调试中，生命周期onShow是在页面渲染之前执行的，此时通过this.$refs 拿不到页面的dom,控制台就会提示 “Cannot read property xxx of undefined ” . 将此语句放在 onLoad生命周期中执行，是正常的。

问题三： 1.pages.json ——>globalStyle 的 backgroundColor 属性，在app上不生效，但是在H5 上正常显示的

问题四：ios 在onload生命周期中拿不到this.$refs.子组件.xxx方法，可以写在mounted生命周期中
————————————————

原文链接：https://blog.csdn.net/qq_45610622/article/details/129028491

uni-app父子组件间的方法调用及传值_uniapp调用组件内部的方法-CSDN博客

2024-11-19mikel阅读(101)

来源： uni-app父子组件间的方法调用及传值_uniapp调用组件内部的方法-CSDN博客

文章目录

一、父组件调用子组件里的方法

1. 先准备一个子组件

2. 准备一个父组件

二、子组件调用父组件里的方法

2.1. 准备一个父组件

2.2. 在准备一个子组件

三、父组件给子组件传值

3.1. 父组件：

3.2. 子组件：

四、子组件给父组件传值

4.1. 父组件

4.2.子组件

uni-app父子组件间的方法调用及传值

方法调用：

一、父组件调用子组件里的方法

1. 先准备一个子组件

</template>

export default {

data(){

return {}

methods:{

childMethod() { // 子组件中有一个childMethod方法

console.log(‘childMethod do…’)

}

</script>

2. 准备一个父组件

<mian-index ref=”mainindex”></mian-index> //使用子组件，ref给子组件一个id标识

</view>

</template>

import mainindex from ‘@/pages/main/index/index.vue’ //引入子组件

export default {

data() {

return {

};

components:{

‘mian-index’:mainindex

onLoad(e) {

this.$refs.mainindex.childMethod(); //页面加载时就调用子组件里的childMethod方法

}

</script>

参考地址：https://www.cnblogs.com/cap-rq/p/11026881.html

二、子组件调用父组件里的方法

2.1. 准备一个父组件

<child v-on:ToChange=”change”></child> // 在使用子组件时，通过v-on绑定在父组件内定义好的方法

</view>

</template>

import child from ‘../../components/child’ //引入子组件

export default {

…

methods: {

change(){ // 在父组件内定义好的方法

console.log(“触发了父页面内的方法”);

components:{

child

}

</script>

2.2. 在准备一个子组件

<view @tap=”changeC()”> // 在子组件内绑定触发子组件内定义的方法

子组件

</view>

</template>

export default {

…

methods:{

changeC(type){

this.$emit(“Tochange”); // 通过this.$emit触发父组件内绑定的方法

console.log(“触发了子组件内的方法”);

}

</script>

参考地址：https://blog.csdn.net/Sport_18/article/details/102833209

传值：

三、父组件给子组件传值

3.1. 父组件：

<view>

<test :msg=”msg”></test> // :msg=”msg”绑定传值

</view>

</template>

import test from “@/components/test/test.vue” // 引入子组件

export default {

data () {

return {

msg: ‘hello’

}

components: {test}

}

</script>

3.2. 子组件：

<view>

子组件 {{msg}} //接收后使用

</view>

</template>

export default {

props: [‘msg’] //通过props接收数据

}

</script>

<style>

</style>

四、子组件给父组件传值

4.1. 父组件

<view>

</view>

</template>

import test from “@/components/test/test.vue” // 引入子组件

export default {

methods: {

getMsg (res) {

console.log(res)

}

components: {test}

}

</script>

4.2.子组件

<view>

<button type=”primary” @click=”sendMsg”>给父组件传值</button>

</view>

</template>

export default {

data () {

return {

status: ‘hello uni-app’

}

methods: {

sendMsg () {

this.$emit(‘myEvent’,this.status) // 通过$emit触发事件，第二个参数就是传递的参数

}

</script>

————————————————

原文链接：https://blog.csdn.net/weixin_40816738/article/details/124774664

uview2.0 u-number-box 无法输入小数，以及弹起键盘没有小数点的问题！！非常简单的解决！！-CSDN博客

2024-11-19mikel阅读(226)

来源： uview2.0 u-number-box 无法输入小数，以及弹起键盘没有小数点的问题！！非常简单的解决！！-CSDN博客

当使用该组件的时候发现integer设置为false后，只有step点击+ 或者 – 按钮才会小数的增长，但是真机调试弹出的键盘时没有小数点的，突然灵光乍现，查看源码发现，input 的type属性一直都是number，所以适当的修改组件库，根据integer的值来动态改变type的值就好啦。！！！

上面只是开启了带小数点的键盘，但是你会发现至此，还是无法在input里面输入，仿佛你一输入就会被格式化数据。所以带着疑问查看源码，发现在input事件中有这么一行代码，所以我为了不破坏组件源码的前提下，在外面加了一个是否执行的判断条件，自己加了一个props，

至于如何添加的props 太简单了就不用再过多赘述了，如果对此有疑问，欢迎评论区留言
————————————————

原文链接：https://blog.csdn.net/m0_57033755/article/details/131259667

uniapp uview u-number-box防抖（商城添加商品有起购）-CSDN博客

2024-11-19mikel阅读(113)

来源： uniapp uview u-number-box防抖（商城添加商品有起购）-CSDN博客

使用uview做防抖，判断小于规定最小值重置为zuixiaozhi

<u-number-box :longPress=”false” :disabled-input=”type === 0″ v-if=”show_num” input-height=”70″

input-width=”60″ :min=”1″ size=”25″ v-model=”number” @change=”valChange”></u-number-box>

</view>

直接改变number.value时，u-number-box在页面上不会直接改变，用一个show_num变量强制刷新组件

function valChange(e) {

let fun = () => {

if (props.data?.min_number && e.value < parseInt(props.data.min_number)) {

show_num.value = false

uni.showToast({

icon: “none”,

title: props.data.min_number + “件起购哦 ~”

})

number.value = props.data.min_number

setTimeout(() => {

show_num.value = true

})

}

number.value = e.value

console.log(‘步进器值’, number.value)

globalProperties.$u.debounce(fun, 1000)

}

‘

————————————————

原文链接：https://blog.csdn.net/m0_49083276/article/details/132543544

UNIAPP实战项目笔记38 购物车的添加商品到购物车功能_uniapp加入购物车数量-CSDN博客

2024-11-18mikel阅读(147)

来源： UNIAPP实战项目笔记38 购物车的添加商品到购物车功能_uniapp加入购物车数量-CSDN博客

UNIAPP实战项目笔记38 购物车的加入购物车功能
通过mapGetters实现此功能
在 shopcart.vue中
使用mapGetters中的 addShopCart方法实现商品数量的增加

核心代码 detail.vue
<template>
<view class=”details”>
<!– 商品图 –>
<swiper :indicator-dots=”true” :autoplay=”true” :interval=”3000″ :duration=”1000″>
<swiper-item>
<view class=”swiper-item”>
<image class=”swiper-img” :src=”goodsContent.imgUrl” mode=””></image>
</view>
</swiper-item>
</swiper>
<!– 价格和名称 –>
<view class=”details-goods”>
<view class=”goods-pprice”>¥{{goodsContent.pprice}} </view>
<view class=”goods-oprice”>¥{{goodsContent.oprice}} </view>
<view class=”goods-name”>{{goodsContent.name}} </view>
</view>
<!– 商品详情图 –>
<view class=””>
<view class=””><image class=”details-img” src=”../../static/img/b3.jpg” mode=””></image></view>
<view class=””><image class=”details-img” src=”../../static/img/b3.jpg” mode=””></image></view>
<view class=””><image class=”details-img” src=”../../static/img/b3.jpg” mode=””></image></view>
<view class=””><image class=”details-img” src=”../../static/img/b3.jpg” mode=””></image></view>
<view class=””><image class=”details-img” src=”../../static/img/b3.jpg” mode=””></image></view>
<view class=””><image class=”details-img” src=”../../static/img/b3.jpg” mode=””></image></view>
</view>

<!– 商品列表 –>
<Card cardTitle=”看了又看”></Card>
<CommodityList :dataList=”dataList”></CommodityList>

<!– 底部 –>
<view class=”details-foot”>
<view class=”iconfont icon-xiaoxi”></view>
<view class=”iconfont icon-31gouwuche” @tap=”goShopCart”></view>
<view class=”add-shopcart” @tap=”showPop”>加入购物车</view>
<view class=”purchase” @tap=”showPop”>立刻购买</view>
</view>

<!– 底部弹出层 –>
<view class=”pop” v-show=”isShow” @touchmove.stop=””>
<!– 蒙层 –>
<view class=”pop-mask” @tap=”hidePop”> </view>
<!– 内容块 –>
<view class=”pop-box” :animation=”animationData”>
<view class=””>
<image class=”pop-img” :src=”goodsContent.imgUrl” mode=””></image>
</view>
<view class=”pop-num”>
<view class=””>购买数量</view>
<UniNumberBox
:min=1
:value=”num”
@change=”changeNumber”
></UniNumberBox>
</view>
<view class=”pop-sub” @tap=”addCart”>确定</view>
</view>
</view>
</view>
</template>

<script>
import $http from ‘@/common/api/request.js’
import Card from ‘@/components/common/Card.vue’;
import CommodityList from ‘@/components/common/CommodityList.vue’;
import UniNumberBox from ‘@/components/uni/uni-number-box/uni-number-box.vue’;
import {mapMutations} from ‘vuex’
export default {
data() {
return {
isShow:false,
goodsContent:{},
animationData:{},
num:1,
swiperList:[
{imgUrl:”../../static/img/b3.jpg”},
{imgUrl:”../../static/img/b3.jpg”},
{imgUrl:”../../static/img/b3.jpg”}
],
dataList:[{
id:1,
imgUrl:”../../static/logo.png”,
name:”迪奥绒毛大衣,今年必抢,错过瞬时不爽了,爆款疯狂销售”,
pprice:”299″,
oprice:”659″,
discount:”5.2″
},
{
id:2,
imgUrl:”../../static/logo.png”,
name:”迪奥绒毛大衣,今年必抢,错过瞬时不爽了,爆款疯狂销售”,
pprice:”299″,
oprice:”659″,
discount:”5.2″
},{
id:3,
imgUrl:”../../static/logo.png”,
name:”迪奥绒毛大衣,今年必抢,错过瞬时不爽了,爆款疯狂销售”,
pprice:”299″,
oprice:”659″,
discount:”5.2″
}]
};
},
components:{
Card,
CommodityList,
UniNumberBox
},
onLoad(e) {
// console.log(e.id);
// 设置默认id=1
if(!e.id)
e.id = 1;
this.getData(e.id);
},
// 修改返回默认行为
onBackPress(){
if (this.isShow) {
this.hidePop();
return true;
}

},
// 点击分享
onNavigationBarButtonTap(e) {
if(e.type===’share’){
uni.share({
provider:”weixin”,
type:0,
scene:”WXSceneSession”,
title:this.goodsContent.name,
href:”http://127.0.0.1:8080/#/pages/details/details?id=”+this.goodsContent.id,
imageUrl:this.goodsContent.imageUrl,
success:function(res){
uni.showTabBar({
title:”分享成功”
})
},
fail: (err) => {
console.log(“fail:”+ JSON.stringify(err));
}
})
}
},
methods:{
…mapMutations([‘addShopCart’]),
// 改变商品数量
changeNumber(value){
this.num = value;
},
// 请求商品
getData(id){
$http.request({
url:”/goods/id”,
data:{
id:id
}
}).then((res)=>{
this.goodsContent = res[0];
}).catch(()=>{
uni.showToast({
title:’请求失败’,
icon:’none’
})
})
},
showPop(){
// 初始化一个动画
var animation = uni.createAnimation({
duration:200 // 动画时间
});
// 定义动画内容
animation.translateY(600).step();
// 导出动画数据传递给data层
this.animationData = animation.export();
this.isShow = true;
setTimeout(()=>{
animation.translateY(0).step();
this.animationData = animation.export();
},200)
},
hidePop(){
var animation = uni.createAnimation({
duration:200
});
animation.translateY(600).step();
this.animationData = animation.export();
this.isShow = true;
setTimeout(()=>{
animation.translateY(0).step();
this.isShow = false;
},200)
},
// 跳转到购物车页面
goShopCart(){
uni.switchTab({
url:’../shopcart/shopcart’
})
},
// 加入购物车
addCart(){
let goods = this.goodsContent;
this.goodsContent[‘checked’] = false;
this.goodsContent[‘num’] = this.num;
// 加入购物车
this.addShopCart(goods);
// 隐藏弹出框
this.hidePop();
// 提示信息
uni.showToast({
title:”成功加入购物车”,
icon:”none”
})
},
}
}
</script>

<style lang=”scss”>
swiper{
width: 100%;
height: 700rpx;
}
.swiper-img{
width: 100%;
height: 700rpx;
}
.details{
padding-bottom: 90rpx;
}
.details-goods{
text-align: center;
font-weight: bold;
font-size: 36rpx;
padding: 10rpx 0;
}
.details-img{
width: 100%;
}
.details-foot{
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 90rpx;
display: flex;
align-items: center;
justify-content: center;
background-color: #FFFFFF;
}
.details-foot .iconfont{
width: 60rpx;
height: 60rpx;
border-radius: 100%;
background-color: #000000;
color: #FFFFFF;
text-align: center;
margin: 0 10rpx;
line-height: 60rpx;
}
.add-shopcart{
margin: 0 40rpx;
padding: 6rpx 30rpx;
background-color: #000000;
color: #FFFFFF;
border-radius: 40rpx;

}
.purchase{
margin: 0 40rpx;
padding: 6rpx 30rpx;
background-color: #49BDFB;
color: #FFFFFF;
border-radius: 40rpx;
}
.pop{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9999;
}
.pop-mask{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
}
.pop-box{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background-color: #FFFFFF;
}
.pop-img{
width: 260rpx;
height: 260rpx;
top:-130rpx;
border-radius:20rpx 20rpx 0 0;
margin: 30rpx;
}
.pop-sub{
line-height: 80rpx;
background-color: #49BDFB;
color: #FFFFFF;
text-align: center;
}
.pop-num{
padding: 20rpx;
display: flex;
justify-content: space-between;
}

</style>

核心代码 cart.js部分
export default{
state:{
list:[
/* {
id:1,
name:”332经济法能聚聚会技能大赛经济法能聚聚会技能大赛”,
color:”颜色：嘿嘿嘿激活”,
imgUrl:”../../static/logo.png”,
pprice:”27″,
num:1,
checked:false
},{
id:2,
name:”032经济法能聚聚会技能大赛经济法能聚聚会技能大赛”,
color:”颜色：嘿嘿嘿激活”,
imgUrl:”../../static/logo.png”,
pprice:”48″,
num:6,
checked:false
} */
],
selectedList:[]

},
getters:{
// 判断是否全选
checkedAll(state){
return state.list.length === state.selectedList.length;
},
// 合计结算数量
totalCount(state){
let total = {
pprice:0,
num:0
}
state.list.forEach(v=>{
// 是否选中
if(state.selectedList.indexOf(v.id) > -1){
// 合计
total.pprice += v.pprice*v.num;
// 结算数量
total.num = state.selectedList.length;
}
})

return total;
}
},
mutations:{
// 全选
checkAll(state){
state.selectedList = state.list.map(v=>{
v.checked = true;
return v.id;
})
},
// 全不选
unCheckAll(state){
state.list.forEach(v=>{
v.checked = false;
})
state.selectedList = [];
},
// 单选
selectedItem(state,index){
let id = state.list[index].id;
let i = state.selectedList.indexOf(id);
// 如果selectList已经存在就代表他之前的选中状态,checked=false,并且在selectedList删除
if (i>-1) {
state.list[index].checked = false;
return state.selectedList.splice(i,1);
}
// 如果之前没有选中,checked=true,把当前的id添加到selectedList
state.list[index].checked = true;
state.selectedList.push(id);
},
//
delGoods(state){
state.list = state.list.filter(v=>{
return state.selectedList.indexOf(v.id) === -1;
})
},
// 加入购物车
addShopCart(state, goods){
state.list.push(goods);
}
},
actions:{
checkedAllFn({commit,getters}){
getters.checkedAll ? commit(“unCheckAll”) : commit(“checkAll”)
},
delGoodsFn({commit}){
commit(‘delGoods’);
commit(“unCheckAll”);
uni.showToast({
title:’删除成功’,
icon:”none”
})
}
}
}

实际案例图片购物车的添加商品功能

目录结构
前端目录结构
manifest.json 配置文件： appid、logo…

pages.json 配置文件：导航、 tabbar、路由

main.js vue初始化入口文件

App.vue 全局配置：样式、全局监视

static 静态资源：图片、字体图标

page 页面

index
index.vue
list
list.vue
my
my.vue
search
search.vue
search-list
search-list.vue
shopcart
shopcart.vue
details
details.vue
components 组件

index
Banner.vue
Hot.vue
Icons.vue
indexSwiper.vue
Recommend.vue
Shop.vue
common
Card.vue
Commondity.vue
CommondityList.vue
Line.vue
ShopList.vue
uni
uni-number-box
uni-number-box.vue
uni-icons
uni-icons.vue
uni-nav-bar
uni-nav-bar.vue
common 公共文件：全局css文件 || 全局js文件

api
request.js
common.css
uni.css
store vuex状态机文件

modules
cart.js
index.js
————————————————

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

原文链接：https://blog.csdn.net/gixome/article/details/127867852

uniapp 实现保持登录状态_uniapp保持登录状态-CSDN博客

2024-11-14mikel阅读(106)

来源： uniapp 实现保持登录状态_uniapp保持登录状态-CSDN博客

主要思路：在项目启动时判断是否存在token（根据不同的业务需求有不同的判断条件），如果存在则直接进入首页，不存在则先登录，登录成功进入首页。

于是，在app的生命周期函数中操作：

onLaunch: function() {

let token= uni.getStorageSync(‘token’);

let base_login_name = uni.getStorageSync(‘base_login_name’);

if (token && base_login_name) {

//存在则关闭启动页进入首页

// #ifdef APP-PLUS

plus.navigator.closeSplashscreen();

// #endif

} else {

//不存在则跳转至登录页

uni.reLaunch({

url: “/pages/index/login”,

success: () => {

// #ifdef APP-PLUS

plus.navigator.closeSplashscreen();

// #endif

}

})

}

运行时发现会从登录页面闪一下才会进入首页，是因为app默认进入第一个页面（我开始设置的第一个页面是登录页），即使存在token也会从第一个页面闪一下再进入首页，这样的用户体验非常不好。

于是添加了plus.navigator.closeSplashscreen();并且设置了以下参数：

如果不理解可以参考官方文档说明 https://uniapp.dcloud.io/collocation/manifest.html#splashscreen

除此之外，还需要将app应用的第一个页面设置为首页（pages数组的第一项即为第一个页面）

此时，启动app就可以实现我们想要的效果了。

如有问题，欢迎留言！！

————————————————

原文链接：https://blog.csdn.net/weixin_50606255/article/details/123555667

import qs from ‘qs‘ qs库的使用_import qs from 'qs-CSDN博客

2024-11-14mikel阅读(100)

来源： import qs from ‘qs‘ qs库的使用_import qs from ‘qs-CSDN博客

1.npm地址

https://www.npmjs.com/package/qs

2、概述

将url中的参数转为对象；

将对象转为url参数形式

3、示例

import qs from ‘qs’;
const url = ‘method=query_SQL_dataset_data&projectId=85&appToken=7d22e38e-5717-11e7-907b-a6006ad3dba0’;
// 转为对象
console.log(qs.parse(url));
const a = {name:‘hehe’,age:10};
// 转为url参数形式
console.log(qs.stringify(a))

// 控制台输出

参考：https://www.cnblogs.com/mengfangui/p/9081753.html

上一页
1
2
3
4
5
6
7
...
下一页
共 866 页

开发笔记第4页

uni.switchTab()跳转不刷新页面问题_currentpage.onload is not a function-CSDN博客

uniapp数据存储在本地，获取和移除。_uniapp存储数据到本地-CSDN博客

uniapp底部弹出层(uni-popup)使用技巧_uniapp从底部弹出一个盒子-CSDN博客

uniapp开发H5兼容APP，踩坑吐血整理_h5与app进行桥接遇到的wenti-CSDN博客

uni-app父子组件间的方法调用及传值_uniapp调用组件内部的方法-CSDN博客

uview2.0 u-number-box 无法输入小数，以及弹起键盘没有小数点的问题！！非常简单的解决！！-CSDN博客

uniapp uview u-number-box防抖（商城添加商品有起购）-CSDN博客

UNIAPP实战项目笔记38 购物车的添加商品到购物车功能_uniapp加入购物车数量-CSDN博客

uniapp 实现保持登录状态_uniapp保持登录状态-CSDN博客

import qs from ‘qs‘ qs库的使用_import qs from 'qs-CSDN博客

热门标签

分类

链接表

开发笔记 第4页

热门标签

分类

链接表

开发笔记第4页