小程序云开发入门——问卷测评小程序实战（3）

TaylorZ9826

已于 2022-02-24 22:52:06 修改

阅读量1k

点赞数 8

分类专栏：问卷测评答题小程序文章标签：小程序云开发

于 2022-02-24 22:51:27 首次发布

本文链接：https://blog.csdn.net/TaylorZ9826/article/details/123112368

版权

连续完成单选题

1.新建了一个index1的页面

2.在index1.js里面添加题库数组

我这里在题库了添加了三道有关心理测试的题目

//题库
const titles = [{
        title: '1.当周围嘈杂时，我很难专注于一项困难的任务',
        options: [{
                code: '1',
                option: '几乎从不'
            },
            {
                code: '2',
                option: '有时'
            },
            {
                code: '3',
                option: '经常'
            },
            {
                code: '4',
                option: '总是'
            }
        ]
    },
    {
        title: '2. 当我需要专心和解决问题时，我很难集中注意力',
        options: [{
                code: '1',
                option: '几乎从不'
            },
            {
                code: '2',
                option: '有时'
            },
            {
                code: '3',
                option: '经常'
            },
            {
                code: '4',
                option: '总是'
            }
        ]
    }, {
        title: '3.当我正在努力做事时，仍会被周围的事情分心',
        options: [{
                code: '1',
                option: '几乎从不'
            },
            {
                code: '2',
                option: '有时'
            },
            {
                code: '3',
                option: '经常'
            },
            {
                code: '4',
                option: '总是'
            }
        ]
    }
]

3.显示题目

渲染传送数据

Page({
    data:{
        subject:null,
    },
    //一进页面就会执行的生命周期
    onLoad() {
        let subject=titles[0]
        console.log('subject',subject)
        this.setData({
            subject:subject
        })
    },
    radioChange(e){
        console.log(e.detail.value)
    }
})

显示题