uniapp开发经验积累

uniapp开发安卓app经验积累

1.设置scroll-view组件下拉刷新背景色
(1) 直接在scroll-view组件加入refresher-background="颜色值"
(2)颜色值可以是scss变量 如$custom-bg-color

2.页面返回并传值

// 页面A:
<template>
  <view>
    <button @click="goBackWithParams">返回并传值</button>
  </view>
</template>

<script>
export default {
  methods: {
    goBackWithParams() {
      const dataToPass = { key: 'value' };
      uni.$emit('passData', dataToPass);
      uni.navigateBack({
        delta: 1 // 返回上一页
      });
    }
  }
};
</script>

// 页面B:
<template>
  <view>
    <text>接收到的数据: {{ receivedData }}</text>
  </view>
</template>

<script>
export default {
  data() {
    return {
      receivedData: null
    };
  },
  onLoad() {
    uni.$on('passData', this.handlePassData);
  },
  onUnload() {
    uni.$off('passData', this.handlePassData);
  },
  methods: {
    handlePassData(data) {
      this.receivedData = data;
      console.log('Received data:', data);
    }
  }
};
</script>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容