浏览代码

upd:nut-switch补充文档

zjyau 5 年之前
父节点
当前提交
1fc9dc4bd6
共有 4 个文件被更改,包括 30 次插入5 次删除
  1. 1 1
      package.json
  2. 7 0
      src/packages/switch/__test__/switch.spec.js
  3. 16 1
      src/packages/switch/demo.vue
  4. 6 3
      src/packages/switch/doc.md

+ 1 - 1
package.json

@@ -165,4 +165,4 @@
         "instrument": false,
         "sourceMap": false
     }
-}
+}

+ 7 - 0
src/packages/switch/__test__/switch.spec.js

@@ -84,4 +84,11 @@ describe('Switch.vue', () => {
         });
     });
 
+    it("接受label标记", () => {
+        wrapper.setProps({ label: 'a' });
+        return Vue.nextTick().then(function() {
+          expect(wrapper.vm.label).toBe('a');
+        });
+      });
+
 });

+ 16 - 1
src/packages/switch/demo.vue

@@ -43,6 +43,13 @@
         </div>
         <p>禁用状态下,change事件参数永远为初始值</p>
 
+        <h4>循环场景</h4>
+        <div v-for="(item, index) of list" :key="index">
+            <nut-cell>
+                <span slot="title"> {{ item.name }}</span>
+                <span slot="desc"><nut-switch :label="item.id" @change="onChangeLabel" :active="true"></nut-switch></span>
+            </nut-cell>
+        </div>
         <h4>自定义Class</h4>
         <div>
             <nut-cell>
@@ -56,12 +63,20 @@
 export default {
   data() {
     return {
-      swActive: true
+      swActive: true,
+      list:[
+        {id:'1',name:'a'},
+        {id:'2',name:'b'},
+        {id:'3',name:'c'}
+        ]
     };
   },
   methods: {
     onChange(status) {
       alert(status);
+    },
+    onChangeLabel(status,label){
+      alert('status:'+status+',selected:'+label);
     }
   }
 };

+ 6 - 3
src/packages/switch/doc.md

@@ -56,12 +56,14 @@ export default {
 ```javascript
 export default {
   methods: {
-    onChange(status) {
-      alert(status);
+    onChange(status,label) {
+      alert('status:'+status+',selected:'+label);
     }
   }
 };
 ```
+## label参数
+
 
 ## 禁用状态
 ```html
@@ -85,7 +87,8 @@ export default {
 ## Prop
 
 | 字段 | 说明 | 类型 | 默认值
-|----- | ----- | ----- | ----- 
+|----- | ----- | ----- | -----
 | active | 开关状态 | Boolean | false
 | size | 尺寸,可选值small/base/large | String | base
 | disabled | 是否禁用 | Boolean | false
+| label | 标记值,用于onChange(status,label) | String | false