vue-bootstrap-toggle

Synopsis

A VueJS wrapper for Bootstrap Toggle.

Prerequisites

• jquery
• bootstrap 3

Installation

npm install --save vue-bootstrap-toggle

Usage

<template>
  <div>
    <label>
      <bootstrap-toggle v-model="checked" :options="{ on: 'Yes', off: 'No' }" :disabled="false" />
    </label>
  </div>
</template>
 
<script>
import BootstrapToggle from 'vue-bootstrap-toggle'
 
export default {
  components: { BootstrapToggle },
  data() {
    return {
      checked: true
    }
  }
}
</script>

Troubleshooting

If the switches render correctly, but do not toggle when you click, make sure bootstrap-toggle.js isn't loaded somewhere in your HTML.