Miss any of our Open RFC calls?Watch the recordings here! »

vue-multi-toggle-switch

1.0.9 • Public • Published

vue-multi-toggle-switch version vue

Toggle switch for vue.js

Do you have questions or want a new feature? Use the "Issues" section 👈

Setup

install:

npm install vue-multi-toggle-switch --save

Import: (in your main.js)

    import ToggleSwitch from "vue-multi-toggle-switch";
    import Vue from "vue";
    Vue.use(ToggleSwitch);

Usage

Use: (in your local .vue file/component, html section)

 
<toggle-switch 
  :resultData="resultData" //toggle switch button data
  :curStyle="curStyle" //toggle switch button css style
  @changeSwitch="change" //toggle switch button events
>
</toggle-switch>
 

Webpack project by vue-cli

https://github.com/woollay/vue-toggle-switch

Properties

Name Type Required Sample Description
resultData JSON Yes [{id: "234",status: false,on: "ON",off: "OFF"}] id:id of toggle-switch;
on/off status of toggle-switch;
on:the text of on status in toggle-switch;
off:the text of off status in toggle-switch
curStyle JSON No { switch_on: "red" } customization style of toggle-switch

Events

Name Description
changeSwitch Triggered on toggle, user selects switch option, returns current value. used in component,like:
@changeSwitch="change",
the callback function as following:
function change(result) {
console.log("option changed:" + result.id + "," + result.checked);
}

LICENSE

MIT

Install

npm i vue-multi-toggle-switch

DownloadsWeekly Downloads

1

Version

1.0.9

License

MIT

Unpacked Size

15.2 kB

Total Files

10

Last publish

Collaborators

  • avatar