首页 > 其他分享 >uniapp 手动引用组件

uniapp 手动引用组件

时间:2022-11-18 09:00:51浏览次数:40  
标签:uniapp checkbox text 手动 value components 组件 data

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
            }],
}

标签:uniapp,checkbox,text,手动,value,components,组件,data
From: https://www.cnblogs.com/linhan8888/p/16902066.html

相关文章

  • 使用路由元信息 全局控制显示隐藏路由组件
    1.在路由中配置自定义属性  2.在使用页面组件中 用$route.meta.show 是否为true判断组件显示或隐藏下面为例      3.示例 ......
  • Hook代替类组件(hook+函数组件)
    Hook是React16.8的新增特性,它可以在不编写类组件的情况下使用state以及其他React特性Hook和函数组件:React的函数组件处理是这样的constDemo=(props)=>{//可......
  • 自定义开发限流组件 之 场景需求分析
    限流,通常讲就是限制流量,也有很多其他的说法,比如:限频、疲劳度控制等。原文链接:自定义开发限流组件之场景需求分析-一只小Coder最近遇到一个需求,系统A作为一个专门推送......
  • Vue组件之间的通信方式
     父→子子→父 props✖✔查看详情自定义事件 ✖✔ 方式三   ......
  • 类组件的使用
    exportdefaultclassAppextendsComponent{//状态:constructor(){super()//父级构造函数调用this.state={title:'zhaoxi......
  • 从组件化角度聊聊设计工程化
    近几年围绕业务中台化的场景,涌现出了许多低代码平台。面对多组件、多页面、跨平台的复杂场景,如何保证整体的用户体验一致性,减少用户认知和负担,提升用户使用效率,便成为业务......
  • 记录--uniapp开发安卓APP视频通话模块初实践
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助视频通话SDK用的即构的,uniapp插件市场地址推送用的极光的,uniapp插件市场地址即构音视频SDKuniapp插件......
  • style标签上添加scoped后父组件影响了子组件样式
    style标签上添加scoped之后,只会作用于当前组件,组件之间样式不相互影响,父子组件之间也不影响,但子组件根元素样式会受到父组件样式影响;解决VueLoader里面有一句使用scop......
  • Spring中手动控制事务
    在spring中大部分时候使用的是声明式事务,也就是@Transaction注解,但在某些特殊情况下也需要手动控制事务的开启/提交/回滚。工具类封装:1@Component2pu......
  • ReactNote-函数组件和类组件
    组件:可以编写react元素虚拟DOM:react元素真实的DOM:可以展示React里很重要的:组件组件目的:复用组件作用:代码分隔组件在React里有两种定义的方式:第一种:......