1. 程式人生 > >vue2.0+element

vue2.0+element

vue2.0+Element

關於初始化遇到的一些小問題

form表單的初始化

<script>
    import fetchff from 'src/api'
    export default {
           data: function () {
                 //這裡就是初始的值的定義(不多說明)
           },
           created() {
             this.getData();
           },
           methods: {
              getData() {
                 let self = this; //注意let的用法這裡宣告self來區別this的指向
                 if (typeof(self.$route.params.id) != "undefined") {
                     self.stopId = self.$route.params.id;
                     fetchff(self.stopId).then(response => {    // fetchff相對應的一個介面
                         self.form = response;
           //上面是講返回的值按照對應的key自動填入form表單裡面,所以在表單的取名時一定要和返回的值匹配
           //之前由於沒有匹配上一直出現初始化一閃而過的現象,即使在return裡賦值過,但是在response裡沒有對應的key造成相應欄位為空
                     }).catch(err => {
                         console.log(err)
                     });
                 }
             },
           }
    }
</script>