<div v-for="(item, index) in checkboxList" :key="index"> <input type="checkbox" :id="item" :value="item" v-model="checkedList"> <label :for="item">{{ item }}</label> </div> 怎么在一行展示

你可以将 `<div>` 标签改为 `<span>` 标签，这样它们就不会换行了。像这样：

<span v-for="(item, index) in checkboxList" :key="index">
  <input type="checkbox" :id="item" :value="item" v-model="checkedList">
  <label :for="item">{{ item }}</label>
</span>

另外，你可能需要为每个 `<span>` 添加一些样式，以便它们在同一行上。例如，你可以为它们添加 `display: inline-block` 样式，像这样：

<span v-for="(item, index) in checkboxList" :key="index" style="display: inline-block;">
  <input type="checkbox" :id="item" :value="item" v-model="checkedList">
  <label :for="item">{{ item }}</label>
</span>

这样每个 `<span>` 都会显示在同一行上，并且复选框和标签也会在同一行上。