关于
我在 Laravel 5.8 中使用 Vue.js 模板。
我正在尝试调用 vue.js 函数来显示 p 标记中函数将返回的值
错误详情
参数列表后的无效表达式:缺少 )。我想在 p 标签中显示 1。我错过了什么吗?
实际上线程对象中有一些复杂的数据,因此我需要传递函数来检索值并显示它。
代码
<template>
<div>
<div v-for="Thread in Threads">
<p>{{ getName(Thread); }}</p>
</div>
</div>
</template>
<script>
export default {
data() {
return {
Threads: []
}
},
methods: {
getName(Thread) {
return 1;
}
}
}
</script>
只需删除;
模板中的分号。
new Vue({
el: "#app",
data() {
return {
Threads: [1, 2, 3]
}
},
methods: {
getName(Thread) {
return 1;
}
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<div v-for="Thread in Threads">
<p>{{ getName(Thread) }}</p>
</div>
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句