uviews 单选框 选择“其他”添加输入框

表格进行前后台交互的过程中,当我们选中其他的时候,有时候需要可以在其他后面追加文本输入框,直接上代码

<u-radio-group v-model="itemValue" placement="column"
										:key="index">
	<view class="" v-for="(item, i) in itemContent">
											<u-radio :customStyle="{marginBottom: '20rpx'}" :label="item" :name="item"
												>
											</u-radio>
	</view>
</u-radio-group>
									<view style="width: 100%;">
										<u--input placeholder="其他-具体描述" v-model="remark" class="cc_input"
											style="height:54rpx;font-size: 30rpx ;"
											v-if="itemValue=='其他'"></u--input>
									</view>
<script>
data(){
	return {
		itemContent:['选项1','选项2','选项3','选项4','其他'],//单选内容
		itemValue:'',//选中的结果
		remark:'',//其他的输入框值
		
	}
}
</script>
									

你可能感兴趣的:(javascript)