更新记录

1.0.0（2026-04-21） 下载此版本

发布

平台兼容性

uni-app(3.7.6)

uni-app x(3.7.6)

其他

方便您的同时，请五星、收藏，让好的东西照亮更多深渊中负重前行的代码人。

创作不易，在您方便之际，赞赏作者，我们会更有动力继续下去。

简介

ljs-toast-vue3，uni.showToast仿制组件，解决微信真机端，内容超过两行，被...处理问题。

使用 uni_modules 安装（推荐）

使用 uni_modules 方式安装组件库，可以直接通过插件市场导入，通过右键菜单快速更新组件，不需要引用、注册，直接在页面中使用 ljs-toast-vue3组件。

主参数

方法

快速应用

场景 - vue页面

<template>
    <view>
        <button @click="open">弹出消息</button>
        ljs-toast-vue3，uni.showToast仿制组件，解决微信真机端，内容超过两行，被...处理问题。
        <ljs-toast-vue3
            :show.sync="ljs_toast">ljs-toast-vue3，uni.showToast仿制组件，解决微信真机端，内容超过两行，被...处理问题。</ljs-toast-vue3>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                ljs_toast: true
            }
        },
        onLoad() {
        },
        methods: {
            open() {
                this.ljs_toast = true;
            }
        }
    }
</script>

场景 - nvue页面

<template>
    <view class="page">
        <button @click="open">nvue弹出消息</button>
        ljs-toast-vue3，uni.showToast仿制组件，解决微信真机端，内容超过两行，被...处理问题。
        <ljs-toast-vue3
            :show.sync="ljs_toast">
            <view class="content">
                <text class="text">ljs-toast-vue3，uni.showToast仿制组件，解决微信真机端，内容超过两行，被...处理问题。</text>
                <text class="text">ljs-toast-vue3，uni.showToast仿制组件，解决微信真机端，内容超过两行，被...处理问题。</text>
            </view>
        </ljs-toast-vue3>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                ljs_toast: true
            }
        },
        onLoad() {
        },
        methods: {
            open() {
                this.ljs_toast = true;
            }
        }
    }
</script>

<style lang="scss" scoped>
    .page{
        width: 750upx;
        position: relative;
        .content{
            height: 750upx; // 需要设置高度
            .text{
                line-height: 40upx;
                text-align: center;
                font-size: 28upx;
                color: #FFF;
            }
        }
    }
</style>

贡献代码

龙九山。有任何问题，请在平台留言，在手头宽裕得情况下，我会尽快修复问题。