element-ui中的checkbox能不能实现单选互斥和不选的效果？

Question

1.想要实现的效果是是否热门和是否推广为单选互斥和不选，点击是否热门时，是否推广为不选状态，点击是否推广，是否热门为不选状态，同时点击是否热门和是否推广可以实现选中和不选中。求大神帮忙解答，多谢！

<el-checkbox v-model="form.is_promoted" @change="checkChanged">是否热门</el-checkbox>
<el-checkbox v-model="form.is_adv" @change="checkChanged">是否推广</el-checkbox>

Answer 1

<template>
  <div id="app">
    <el-checkbox v-model="form.is_promoted" @change="checkChanged('0')">是否热门</el-checkbox>
    <el-checkbox v-model="form.is_adv" @change="checkChanged('1')">是否推广</el-checkbox>
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      form: {
        is_promoted: false,
        is_adv: false
      }
    }
  },
  methods: {
    checkChanged(type) {
      if (type === '0') {
        this.form.is_adv = false
      } else {
        this.form.is_promoted = false
      }
    }
  }
}
</script>