uniappVX隐私保护弹出框 隐私协议弹出框

ankarjan

两步轻松解决

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

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

[JavaScript] 纯文本查看 复制代码

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

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

[JavaScript] 纯文本查看 复制代码

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

第三步：绑定按钮即可

[JavaScript] 纯文本查看 复制代码

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

第二种方法

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

[JavaScript] 纯文本查看 复制代码

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

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

注意事项

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

示例

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

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