vue 表单中一行中一个输入框一个复选框

在Vue中，如果你想在一个表单行里同时包含一个输入框和一个复选框，通常会使用HTML结构结合Vue的绑定属性来实现。下面是一个简单的示例：

<template>
  <div class="form-row">
    <label for="input">Input Label</label>
    <input type="text" id="input" v-model="inputValue">
    <br>
    <label>Checkbox Label</label>
    <el-checkbox v-model="checkboxValue">Check me</el-checkbox>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
      checkboxValue: false,
    };
  },
};
</script>

<style scoped>
.form-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
}
</style>

在这个例子中，`v-model` 是Vue的双向数据绑定，它将输入框的值(`inputValue`)和复选框的值(`checkboxValue`)关联起来。当用户在输入框中输入或在复选框上切换时，相应的数据会实时更新。

`<el-checkbox>` 是Element UI提供的复选框组件，`v-model` 简化了处理复选状态的操作。