1. 程式人生 > >Vue子元件傳值 Expected String, got Function.異常

Vue子元件傳值 Expected String, got Function.異常

現象

父元件引入子元件,子元件props中有title屬性,這個title需要通過http請求確定。父元件中data定義:

data: function () {
    return {
      title: String
    }
  }

子元件定義:

<p-table v-bind:title="$data.title"></p-table>

解決方案

父元件中data定義修改為:

data: function () {
    return {
      title: ''
    }
  }

頁面載入後,title顯示空字串,然後http請求完成確認具體標題後顯示真實title