Question

我在访问Vue中的对象属性时遇到问题。这是我的组件。

<template>
    <div>
        <b>
            {{ posts }}
            <a :href="'https://steemit.com/&#64'+ posts.author + '/' + posts.link ">{{ posts.title }}</a>
             <a :href="'https://steemit.com/&#64'+ posts.author">{{ posts.author }}</a>
                <input @click="vote('1')"  type="button" value="Vote" >
        </b>
    </div>
</template>

<script>
    export default {
            name: "vote-button",

            props: [
                'code',
                'user',
                'posts'

            ],
            methods: {
                vote: function (counter) {
                }
            }
    }

</script>

{{ posts }}打印出整个对象，如下所示：

{"id":1,"title":"#1 WordPress Website","body":"![#1 WordPress Website Host ","author":"jerry","link":"1-wordpress"}

但是如果我做{{ posts.author}}，我将变得不确定。

Answer 1

很难从这里的内容中确切地确定，但是就像一个偶然的猜测一样，考虑到对象发布是复数形式，这听起来可能是一个数组。如果您有{{posts [0] .author}}有什么收获吗？

无法在Vue中访问对象属性

1 个答案: