如何在保留原有v-model绑定的前提下使Bootstrap Vue开关默认选中？

因为开关的状态完全由绑定的myData控制，不用新增v-model变量，直接从myData的默认值入手即可，分三种场景处理：

• 场景1：myData是布尔类型
  如果开关选中对应myData为true，未选中为false，直接在组件的data里把myData初始化为true：

  data() {
    return {
      myData: true // 初始化设为true，页面加载时开关自动选中
    }
  }
  

• 场景2：myData是字符串/数值类型
  如果开关选中时myData为非空内容，未选中时为空，初始化时给myData设置一个非空的默认值即可，比如：

  data() {
    return {
      myData: '默认内容' // 或者符合业务的初始数值，比如0
    }
  }
  

• 场景3：myData从接口异步获取
  如果myData是接口返回的数据，初始化时可能为null/undefined，可以在created钩子中设置默认值：

  created() {
    // 接口未返回数据时，强制设置为选中状态对应的值
    if (this.myData == null) {
      this.myData = true; // 或者对应业务的非空值
    }
  }
  

内容的提问来源于stack exchange，提问作者Cphml444