昨天書寫了一篇如何從零開始uni-app開發(fā)的vue項目，今天準(zhǔn)備寫一篇處理界面元素動態(tài)加載的案例：

背景：有不同類別的設(shè)備，每個設(shè)備有每日檢查項目、每周檢查項目、每年檢查項目，需要維保人員，根據(jù)不同設(shè)備和檢查類別對檢查項目進行處理，提交數(shù)據(jù)。

首先看一下界面：

<template>
    <view class="bolili">
        <view class="uni-form-item uni-column">
            <view class="title"><text class="uni-form-item__title">設(shè)備編碼:</text></view>
    
            <view class="uni-input-wrapper">
                <input class="uni-input" focus placeholder="掃描設(shè)備二維碼" v-model="DriverID"                         @input="SelectDriverData"/>
            </view>

        <button type="primary" @click="SelectDriverData">加載設(shè)備信息</button>
        </view>
        <view class="uni-form-item uni-column">
            <view class="title"><text class="uni-form-item__title">點檢明細:</text></view>
        </view>
        <view class="uni-list">
            <checkbox-group @change="checkboxChange">
                <label class="uni-list-cell uni-list-cell-pd" v-for="item in items" :key="item.value">
                    <view>{{item.name}}</view>
                    <view>
                        <checkbox :value="item.value"  />
                    </view>
                    
                </label>
            </checkbox-group>
        </view>
        <button type="primary" @click="tijiao">提交</button>
        
    </view>
</template>

<script>
    export default {
        data() {
            return {
                DriverID:"",
                username:"this.$globals.us",
                date:"day",
                tijiaores:0,
                DeviceType:"",
                DJType:"",
                DJContent:"",
                index:0,
                checked:"",
                items: [
                    {
                        value: '1',
                        name: '檢查機體接地是否正常',
                        checked:'false'
                    },
                    {
                        value: '2',
                        name: '檢查儀器/設(shè)備開關(guān)機是否正常',
                        checked:'false'
                    },
                    {
                        value: '3',
                        name: '儀器/設(shè)備顯示屏、按鍵、傳動是否正常',
                        checked:'false'
                    },
                    {
                        value: '4',
                        name: '工作區(qū)域是否整潔,干凈;是否擺放整齊',
                        checked:'false'
                    },
                    {
                        value: '5',
                        name: '開機檢查剝離滑塊運行是否正常',
                        checked:'false'
                    },
                    {
                        value: '6&#