javascript - Vue.js - v-for“未定义属性或方法”
问题描述
我遇到了一个我看到很多人都遇到的问题,但我无法从我发现的类似问题中解决它。
我v-for
在 Vue 组件中使用 a 并且数组的值总是给我一个警告说变量丢失:
[Vue 警告]:属性或方法“文本”未在实例上定义,但在渲染期间被引用。通过初始化该属性,确保该属性是反应性的,无论是在数据选项中,还是对于基于类的组件。
我为它创建了一个jsfile:
<template>
<section>
<section :v-for="text in texts">{{text}}</section>
</section>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
@Component<Map>({
data() {
return {
texts: ["bbbbb", "xxxxx"]
};
}
})
export default class Map extends Vue {}
</script>
如果我将其更改{{text}}
为{{texts[0]}}
(在https://jsfiddle.net/hdm7t60c/3/中查看)我会得到bbbbb
但它不会迭代并且我也会得到错误。
这是我遇到的问题的冰山一角,但也许如果我解决了这个问题,我就能把一切都做好。
解决方案
尝试:
从v-for
指令中删除绑定符号,您还应该指定 key 属性:
<template>
<section>
<section v-for="(text,index) in texts" :key="index">{{text}}</section>
</section>
</template>
推荐阅读
- godot - 如何修复 Godot 中的“基础运动体上的无效设置索引位置”错误?
- ios - 渐变颜色在非英语语言的 UILabel 中被截断
- node.js - 使用 apex.run 将 AWS IAM 角色导入 terraform 状态
- list - 是否有任何解决方案可以从共享首选项中存储和检索对象列表?
- join - 如何将带有 POLYGON 的字符串类型转换为地理类型 - BigQuery
- python - 如何解决“NameError: name 'model' is not defined”错误?
- php - 将 CodeIgniter 不正确的表单写入数据库时出错
- swift - 使用 UITextField 和 UITextView 的错误
- python-3.x - 得到结果后,还提到了内存位置
- javascript - 未调用 setState 方法