uniapp 手动引用组件

1.官网下载
https://ext.dcloud.net.cn/?cat1=2&cat2=21

https://uniapp.dcloud.net.cn/component/


2.把代码放到项目 \components\uni-data-checkbox 文件下

3.在需要调用的地方引用
import  uniDataCheckbox from '@/components/uni-data-checkbox/uni-data-checkbox'

4.注册
   components: {
        uniDataCheckbox
    },

5. 调用
<view class="uni-px-5">
 <view class="text">单选选中:{{JSON.stringify(radio3)}}</view>
 <uni-data-checkbox mode="tag" v-model="radio3" :localdata="sex"></uni-data-checkbox>
</view>

定义变量
return {
            radio3: 0,
            sex: [{
                text: '男',
                value: 0
            }, {
                text: '女',
                value: 1
            }, {
                text: '未知',
                value: 2
            }],
}
posted @ 2022-11-18 08:52  寒冷的雨呢  阅读(665)  评论(0编辑  收藏  举报