getImg(src){
  var img_url  =src
  var img = new Image()
  img.src=img_url
  this.pictureHeight.height = Math.ceil(img.height/img.width * 460)+'px'
},
//首先通過這個方法算出圖片的高度/寬度比，460是我設定的寬度，計算得出需要的高度，然後修改容器的高
//度，圖片通過height:100%;width:100%撐開，這樣圖片就不會失真了

vue裡面還有一個問題，如果容器只是div的話，修改容器高度，非常簡單，如果容器是一個element的外掛的話，一般容器的樣式都可以通過:style="styleModel"來繫結一個data中的屬性styleModel:{height:100px;}這樣的方式來修改，當然如果遇到一些比較複雜的樣式調整，也可以通過$refs來修改樣式，，但是這樣又會出現一個問題，就是$refs定位到的ref屬性必須要元件完全載入完成後才能顯示出來，所以一般會用this.$nextTick(function(){})的包裝起來。這個方法包裝起來後的好處是，會在DOM更新完成後執行這裡面的方法，這樣就不用擔心$refs獲取不到的問題了。

        this.$nextTick(function(){
        //  this.$refs.test.$el.childNodes[0].style.height=this.pictureHeight.height
          document.getElementsByClassName('el-carousel__container')[0].style.height=this.pictureHeight.height
        })

//現在就是通過這兩種比較通用的js方式來操作屬性了