【Vue.js】N天的Vue-elementui使用記錄

N天的Vue使用記錄

vue官網

1.數據字典遍歷

<span v-for="item in dict.PersonalIDTypeEnum"
:key="item.CODE"
 v-if="item.CODE == custComp.legalIdtype">{{item.mark}}
</span>

2.解決點擊其他區域el-dialog會關閉的問題

  <el-dialog title="" :close-on-click-modal="false" :visible.sync="flag" width="600px">

3.input 去空格

<el-input v-model.trim="regForm.fullName" placeholder="請輸入企業全稱"></el-input>

4.動態綁定class屬性

<span :class="{'icon':true,'red':false}"></span><span
                                        class="name">xxxx</span>
                                </span>

5.表單數據校驗rule

activaterules: {
    transferAmt: [{required: true, message: '金額不能爲空', trigger: 'blur'}
    ,{pattern: /^(([1-9]\d*)|\d)(\.\d{1,2})?$/, message: '金額格式錯誤'}]
}

6.清空表單

vueObj.$refs.accForm.resetFields();

7.vue對象之間賦值的坑。把對象中的數據給了某個變量，改變一個對象的值，另一個對象也變化的解決辦法！

   原文地址

self.invoiceInfoForm = self.comp

 

1.循環賦值

  for (var i = 0, l = obj.length; i < l; i++) {

        for (var key in obj[i]) {

            Vue.set(vueObj, key, true);

        }
}