vue + element，如何让勾选复选框后使得编号续编

Question

如题

代码如下：

<el-form-item label="连续编号" prop="serialNumber">
          <el-input-number
            v-model="info.serialNumber"
            controls-position="right"
            :min="0"
            style="width: 150px"
            size="small"
          >
          </el-input-number>
          <el-checkbox>续编</el-checkbox>
        </el-form-item>

Answer 1

不知道你这个续编功能具体是什么，反正思路就是绑定v-model和change事件，在 change 事件里处理即可

<el-input-number
    v-model="info.serialNumber"
    controls-position="right"
    :min="0"
    style="width: 150px"
    size="small"
  >
</el-input-number>
<el-checkbox v-model="isCountinue" @change="handleCountinue">续编</el-checkbox>

data() {
    return {
        isCountinue: false,
        // 假定`续编序号`为35
        number: 35
    }
},
methods: {
    handleCountinue: function() {
        this.info.serialNumber = this.isCountinue ？ number : 0;
    }
}