通达信获取数据接口-uniapp获取接口数据渲染在picker选择器里面

打开hublider新建一个test项目用于写测试打代码

新建一个uniapp项目，命名为test。

选择一个比较好用的ui框架引入之后，很多代码样式都不需要自己一点点的写了，需要什么样的，直接在UI库里面复制黏贴就行，省了很多时间哦，不许呀考虑写出来的页面样式不好看之类的问题了。

小程序组件库ColorUI的使用，一键复制粘贴https://www.jianshu.com/p/b816ed9e4df3

ui框架框架引入之后，开始写代码打开pages底下的index.vue的组件，开始写代码了，把代码写好，这里随便写了一个例子。

接口数据是这样的json数据数组

{
    'jobs': [{
        'id': -99,
        'jobName': '默认身份'
    }, {
        'id': 1,
        'jobName': '普通员工'
    }, {
        'id': 2,
        'jobName': '经理'
    }, {
        'id': 3,
        'jobName': '总监'
    }, {
        'id': 4,
        'jobName': '总经理'
    }, {
        'id': 5,
        'jobName': '主管'
    }, {
        'id': 6,
        'jobName': '董事长'
    }, {
        'id': 7,
        'jobName': '总裁'
    }, {
        'id': 8,
        'jobName': '实习生'
    }, {
        'id': 10,
        'jobName': '炼钢工'
    }, {
        'id': 11,
        'jobName': '电工'
    }, {
        'id': 12,
        'jobName': '实施工'
    }, {
        'id': 13,
        'jobName': '焊工'
    }],
    'retCode': 1,
    'content': '操作成功'
}

接口链接我就不放出来了反正就是这么哥数组格式的数据

文章为作者独立观点，不代表股票程序化软件自动交易接口观点