Vue-multi-toggle-switch NPM

vue-multi-toggle-switch

Toggle switch for vue.js

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

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);}