平台兼容性

Vue2√Vue3√

微信小程序√

两步轻松解决

您可以将tanchuang-vue复制到您的项目内的pages目录内，然后引用即可。

第一步：在您要引入的页面 添加

    import yinsi from '/pages/index/tanchuang.vue'
    export default {
        components: {
            yinsi
        },
    }

第二步：然后进行引用组件即可

<template>
    <view class="content">
    <button class="tanchu" type="primary" @click="tanchu">弹出</button>
        <view class="yinsii">
            <yinsi v-if="showPrivacy"></yinsi>
        </view>
    </view>
</template>

第三步：绑定按钮即可

    import yinsi from '/pages/index/tanchuang.vue'
    export default {
        components: {
            yinsi
        },
        data() {
            return {
                showPrivacy:false
            }
        },
        methods: {
        tanchu(){
        this.showPrivacy = true 
        }
                }
    }

第二种方法

您也可以直接引入组件 第一步：在您要引入的页面 添加

    import yinsi from '/uni_modules/techuang-yinsi/components/techuang-yinsi/tanchuang.vue'
    export default {
        components: {
            yinsi
        },
    }

其他步骤跟上面一样，只是路径不一样而已。

注意事项

已提供按钮弹出隐私保护协议弹窗的示例，也可以二开，自行进行调整即可。 如果您也绑定按钮进行弹出，记得添加v-if="showPrivacy",也可以循环点击按钮显示，也可以点击同意后进行回调。

示例

可以打开techuang-yinsi.vue进行查看完整的示例。

链接：https://ext.dcloud.net.cn/plugin?name=techuang-yinsi