select下拉框高度解决办法,设置默认显示几个

自己笔记,防止忘记

<select class="form-control" data-edit-select="1" id="add_categoryId" name="categoryId" οnmοusedοwn="if(this.options.length>7){this.size=8}" οnblur="this.size=0" οnchange="this.size=0" >
          <c:forEach var="category" items="${category}">
                <option value="${category.categoryId}">${category.value}</option>
          </c:forEach>
  </select>

 

 

参考这位兄弟的代码:https://blog.csdn.net/weixin_41262388/article/details/78954276

当你在Vue3项目中使用VxeSelect组件设置下拉框选项并尝试赋值但是结果显示为空时,这可能是由以下几个原因造成的: 1. **数据绑定错误**:检查`v-model`指令是否正确地关联了数据源。确保你在Vue实例中已经定义了一个正确的变量,并将其绑定到了`v-model`上。 ```html <vxe-select v-model="selectedValue" :options="optionsList"></vxe-select> <script> export default { data() { return { selectedValue: '', optionsList: [ // ... 你的选项列表 ], }; }, }; </script> ``` 2. **初始化值问题**:如果你希望默认选中某个值,需要确保`selectedValue`初始化正确。例如,如果`optionsList`的第一个元素是你想要的默认选项,可以这样设置: ```js data() { return { selectedValue: this.optionsList[0], // 如果你想默认选择第一个选项 optionsList: [...], }; } ``` 3. **选项比较规则**:如果`optionsList`中的值不是简单的字符串或数字,而是一些复杂的对象,记得在`v-model`中也相应处理比较规则。 4. **Vue响应式更新**:确保`optionsList`的数据发生变化时,组件能够重新渲染。你可以通过`$set`方法添加新选项以触发更新: ```js this.$set(this.optionsList, 'push', (newOption) => { this.selectedValue = newOption; // 更新选中值 }); ``` 5. **组件状态管理**:如果是使用Vuex或其它状态管理库,确认你是否在适当的地方更新了状态并且组件能接收到变化。 如果以上都检查过了还是无法解决问题,可以尝试在控制台打印一下`optionsList`和`selectedValue`的值,看看它们在运行时的状态,以便找出问题所在。另外,
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值