平台兼容性
Vue2 | Vue3 |
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
HBuilderX 3.1.0 | × | √ | × | × | × | × |
两步轻松解决
您可以将tanchuang-vue复制到您的项目内的pages目录内,然后引用即可。
第一步:在您要引入的页面 添加
<script> import yinsi from '/pages/index/tanchuang.vue' export default { components: { yinsi }, } </script>
第二步:然后进行引用组件即可
<template> <view class="content"> <view class="yinsii"> <yinsi v-if="showPrivacy"></yinsi> </view> </view> </template>
第二种方法
您也可以直接引入组件 第一步:在您要引入的页面 添加
<script> import yinsi from '/uni_modules/techuang-yinsi/components/techuang-yinsi/tanchuang.vue' export default { components: { yinsi }, } </script> <template> <view class="content"> <view class="yinsii"> <yinsi v-if="showPrivacy"></yinsi> </view> </view> </template>
注意事项
已提供按钮弹出隐私保护协议弹窗的示例,也可以二开,自行进行调整即可。 如果您也绑定按钮进行弹出,记得添加v-if="showPrivacy"
示例
可以打开techuang-yinsi.vue进行查看完整的示例。