[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
}

希望这对您有用 - 请告诉我！