循环u-select，根据后台返回的不同id，给对应的循环u-select渲染数据

我就是我 2021-09-07 13:24 738阅读 0赞

把值传给组件，然后在组件上循环数据  
![请添加图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hb3hpYW9oZWlf_size_16_color_FFFFFF_t_70]  
返回的数据展示：

"data" : [ {
        "typeDevice" : [ {
        “column_form”：“2”，//下拉框
          "column_name" : "单选框",
          "value_id" : 55,
        }, {
            “column_form”：“2”，//下拉框
          "column_name" : "列表框",
          "column_select" : " 下拉1;下拉2;下拉3",
          "value_id" : 51,
    
        }, {
            “column_form”：“2”，//下拉框
          "column_name" : "第二个列表框",
          "column_select" : "值1;值2;值3",
          "value_id" : 52,
        }
        ...省略
      } ]
    }

父页面展示的u-select

<view class="line" v-for="(items,indexs) in item.vals">
    				<view class="li-name">{
       {items.column_name}}</view>
    				
    				<view class="li-price" v-else-if="items.column_form==2">
    				
    					<byqpick :key="items" :data='items'></byqpick>
    				</view>
    			</view>

u-select子组件

<template>
    	<view class="leave_cont">
    		<view class="content-list" style="height: 35px; line-height: 35px;">
    			<view class="posit-input flex-start" @click="show = true">
    				<label style="padding-left: 11px;" @tap="getLightType">{
       { result }}</label>
    				<u-select :default-value="defaultValue" :mode="mode" v-model="show" :list="list" @confirm="confirm" @cancel="cancel">
    				</u-select>
    			</view>
    		</view>
    	</view>
    </template>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hb3hpYW9oZWlf_size_16_color_FFFFFF_t_70]: /images/20210827/ab026d8f7b174343a72fdd1b3825f454.png