[Vue 警告]：渲染錯誤：“類型錯誤：無法讀取未定義的屬性（讀取 '$lang'）”

Question

<Row>
  <i-col :span="8"><p class="item_key">{{ this.$lang.ui.m024 }}</p></i-col>
  <i-col :span="16">
    <Checkbox
      v-model="permissions"
      v-for="item in permissionsList"
      :value="item.value"
      :key="item.value"
      :name="item.name"
    >
      {{ this.$lang.ui.m024 }}
    </Checkbox>
  </i-col>
</Row>

對於第一個{{ this.$lang.ui.m024 }}，它在網頁中運行良好，但是對於復選框中的{{ this.$lang.ui.m024 }}，它有一個錯誤：[Vue警告]：渲染錯誤：“類型錯誤：無法讀取未定義的屬性（讀取'$lang'）”

Answer 1

嘗試將您的String放入<p> -Tag 中，如下所示：

<Checkbox
  v-model="permissions"
  v-for="item in permissionsList"
  :value="item.value"
  :key="item.value"
  :name="item.name">
  <p>{{ this.$lang.ui.m024 }}</p> 
</Checkbox>

然后在你的<style>改變它：

.checkbox input,
.checkbox p {
  display: inline-block
}

希望這對您有用 - 請告訴我！