javascript - [Vue 警告]：渲染错误：“TypeError：无法读取未定义的属性（正在读取'$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 }}，它在网页中运行良好，但是对于 Checkbox 中的 {{ this.$lang.ui.m024 }}，它有一个错误：[Vue warn]：渲染错误：“TypeError：无法读取未定义的属性（读取'$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
}

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