更新记录

0.0.8（2025-06-03） 下载此版本

完成head标签

平台兼容性

uni-app

其他

自定义head

兼容微信浏览器自带的head。避免小程序和APP返回监听不统一，微信小程序，ios和android统一监听返回监听；

leo-head 拖拽排序 说明

组件主要针对微信小程序与APP返回监听问题，使用了此插件，页面不可配置onBackPress事件以防失效，应统一使用组件的beforeleave回调函数处理。

leo-head简单DOM，更多请看下方API

• 提供简单的使用示例，更多请查看下方的demo

    <!-- beforeleave -->
    <leo-head :beforeleave="beforeleave" title="首页" ></leo-head>

export default {
    data() {
        return {
            callback: null, // 用于统一处理返回事件
        }
    },
    methods:{
        // 统一处理返回事件，避免小程序和APP返回监听不统一
        beforeleave(callback){
            // 首次调用uni.navigateBack会触发beforeleave，表示第一次拦截。 如果不调用callback函数，在当前页面触发uni.navigateBack会直接返回；
            callback(true);             // 传入true表示继续监听返回事件
            callback(false);            // 传入false表示直接触发返回事件
            this.callback = callback;   // 可以在其他地方调用callback函数，继续监听返回事件
        }
    }
}

API

Props

打赏

如果你觉得本插件，解决了你的问题，赠人玫瑰，手留余香。