数组中的Vue数组

Question

我有一个数组

var content = new Vue({
    el: '#content',
    data: {
        items: data
    }
});

<div class="short" v-for="item in items">
    <div class="top">
        <img :src="item.userAvatar" />
        {{ item.userName }}
    </div>
    <div class="bottom">
        There must be an array of items
    </div>
</div>

输出数组中的所有值，但是如何从数据内部的项数组中获取值？这些项目不依赖于我，行将被永久删除并添加。

Answer 1

您的图像显示userAvatar和userName是Array对象的成员，而不是Array中每个项目的成员。也就是说，整个数组只有一个userName。您可以将其称为items.userName。

Answer 2

您可以尝试使用for循环来迭代项目，例如：

DECLARE @ConCatenateString NVARCHAR(MAX); 
DECLARE @QuestionNames varchar(50) =@QuestionName;

SELECT 
    @ConCatenateString = COALESCE(@ConCatenateString + ' ', '') + P2.ApprovalNumber
FROM 
    (SELECT DISTINCT  
         ISNULL(pp.Data.value('(/*/Answers/AnswersList/Entry[@key="[sql:variable("@QuestionNames")]"]/value)[1]', 'nvarchar(max)'),'') AS ApprovalNumber 
     FROM 
         proposal AS pp      
     WHERE
         pp.ProposalId = @ProposalId 
         AND pp.productid = @ProductId
         AND (pp.proposalstatusid = '4' -- declined
              OR pp.proposalstatusid = '1' -- approved
             )
         AND pp.[starteffectivedate]>= '2017-01-01 00:00:00' 
         AND pp.[starteffectivedate] <= '2017-12-31 23:59:59') P2