0.0.1 • Published 6 years ago
vue-switch-elsewares v0.0.1
vue-switch-elsewares
A switch component for Vue 2 based on dai-siki's work.
demo
Env
vue.js + webpack + es6 + scss
install
npm
$ npm install vue-switch-elsewares
Usage
Attributes
名称 | 类型 | 默认 | 说明 |
---|---|---|---|
value | twoWay | 要绑定的变量 | |
open-value | true | 激活时绑定值 | |
close-value | false | 关闭时绑定值 | |
open-name | String | "是" | 激活时显示文字 |
close-name | String | "否" | 关闭时显示文字 |
size | String | "md" | sm lg |
color | String | "red" | red/blue/orange/green |
disabled | Bollean | false | as u know |
Example (vue@2.0+)
<div id="app">
<label for="myDate">Truthiness?</label>
<div class="wrap">
<my-switch size="xl" on-label="foo" off-label="bar" on-value="" off-value="" v-model="toggle"></my-switch>
</div>
</div>
<script>
import 'babel-polyfill';
import Vue from 'vue';
import mySwitch from 'vue-switch/switch-2.vue';
new Vue({
el: '#app',
data: {
toggle: true
},
components: {
'my-switch': mySwitch
}
});
</script>
0.0.1
6 years ago