根据 <el-form-item label="选择区服" prop="game_server_id" v-loadmore="nomore"> <el-select v-model="where.game_server_id" value-key="options" placeholder="请选择区服" clearable filterable style="margin-right:10px;margin-left:10px;" :disabled="!where.game_id" > <el-option v-for="item in serverList" :key="item.id" :label="item.server_name" :value="item.id" > </el-option> </el-select> </el-form-item>使用v-loadmore="nomore"
时间: 2023-11-11 10:14:59 浏览: 106
在这个示例中,`v-loadmore="nomore"`被添加到了一个`<el-form-item>`元素上,这意味着我们希望在该元素滚动到底部时触发加载更多的方法。
但是,`<el-form-item>`元素并没有滚动条,所以这里的`v-loadmore`指令可能无法正常工作。如果您希望实现下拉框触底加载更多数据的功能,请将`v-loadmore`指令添加到包含下拉框的元素上,例如`<el-select>`元素。
下面是一个将`v-loadmore`指令添加到`<el-select>`元素上的示例:
```html
<template>
<el-form :model="where" :rules="rules" ref="searchForm">
<el-form-item label="选择游戏" prop="game_id">
<el-select v-model="where.game_id" placeholder="请选择游戏" clearable filterable style="margin-right:10px;margin-left:10px;">
<el-option v-for="item in gameList" :key="item.id" :label="item.game_name" :value="item.id"></el-option>
</el-select>
</el-form-item>
<el-form-item label="选择区服" prop="game_server_id">
<el-select v-model="where.game_server_id" value-key="options" placeholder="请选择区服" clearable filterable
style="margin-right:10px;margin-left:10px;" :disabled="!where.game_id" v-loadmore="nomore">
<el-option v-for="item in serverList" :key="item.id" :label="item.server_name" :value="item.id"></el-option>
</el-select>
</el-form-item>
</el-form>
</template>
```
在上面的示例中,我们将`v-loadmore="nomore"`指令添加到了包含下拉框的`<el-select>`元素上,这样当下拉框滚动到底部时,就会触发加载更多数据的方法。
阅读全文