页面下拉数据(数据字典)

最新推荐文章于 2024-09-18 23:48:33 发布

ud_All

最新推荐文章于 2024-09-18 23:48:33 发布

阅读量602

点赞数

本文链接：https://blog.csdn.net/ud_All/article/details/103009768

版权

方式一：追加

页面

<div class="input-group input-group-sm mb-3" style="margin-top: -10px;">
	<div class="input-group-prepend">
  		<span class="input-group-text" style="width: 105px;"><span style="width: 100%;">发布状态</span></span>
	</div>
	<select ref="FBZT" id="FBZT" v-model="FBZT" title="发布状态" data-placeholder="发布状态" style="flex:1;padding-left:10px;border: 1px solid #CED4DA;transparent;appearance:none;-moz-appearance:none;-webkit-appearance:none;"></select>
</div>

JS
在这里插入图片描述

方式二：循环

页面

<div class="input-group input-group-sm mb-3" style="margin-top: -10px;display:flex;">
	<div class="input-group-prepend">
		<span class="input-group-text" style="width: 79px;">
			<span style="width: 100%;">词性</span>
		</span>
    </div>

	<select v-model="pd.CX" id="CX" style="flex:1;padding-left:10px;border: 1px solid #CED4DA;transparent;appearance:none;-moz-appearance:none;-webkit-appearance:none;">
		 <option value="">请选择词性</option>
         <option v-for="(data) in CX" :key="data.NAME" :value="data.BIANM:label="data.NAME</option>
    </select>
 </div>

JS
在这里插入图片描述

效果