Vue 學習筆記——iview

1.switch  值取爲0或1 的方法

<i-Switch v-model="formAdd.kgzt" true-value="1" false-value="0"></i-Switch>

使用  true-value  和  false-value 定義

2.日期選擇控件datePicker格式——date格式化時間

通過on-change方法重新賦值

注意：value和@on-change事件來綁定即可，(注意，用@on-change來獲取時間的時候，就不能加v-model了，不然獲取的時間還是老樣子）

——參考  https://blog.csdn.net/idomyway/article/details/90417012   的文章

<Date-Picker ref="kssj" :value="formAdd.kssj" type="datetime" placeholder="選擇開始日期" @on-change="changedate('kssj',$event)"></Date-Picker>

//表單中的日期格式化
changedate: function(name,event){
    this.formAdd[name]=event;
}

格式化前：

格式化後：

3.數組轉換字符，字符轉換數組

數組轉字符

var arr = ['123','456'];
var string = arr.toString();
console.log(string);  //輸出  "123,456"

或

var arr = ['123','456'];
var string = arr.join(',');
console.log(string);  //輸出  "123,456"

字符轉數組

var string = "123,456";
var arr = string.split(',');
console.log(arr);  //輸出  ['123','456']

 

 4.Table獲取選中的項—getSelection

<i-table ref="selection" :data="data1" :columns="columns1" :height="TableHeight">

var arr = this.$refs.selection.getSelection();
console.log(arr);

getSelection 取到的是對象數組