-
2018-07-16 00:00
- 18
- 0
现在只能显示子组件的name 我想把父组件的arr2数组的数据也同时循环出来 放到name后面 就是zhangsan对应43 lisi对应55这样 这个应该怎样才能让这两个数组同时循环出来呢？这个父子组件结构不能改变 谢谢
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="vue.js"></script>
<script type="text/javascript">
window.onload=function(){
var contents={
template:'#contents',
props:['age'],
data(){
return {
arr:[
{name:'zhangsan'},
{name:'lisi'},
{name:'wangwu'},
]
}
},
}
new Vue({
el:'#div1',
data:{
arr2:[43,55,20],
},
components:{
'contents':contents
},
})
}
</script>
</head>
<body>
<template id="contents">
<div>
<ul>
<li v-for="(item,index) in arr">{{item.name}}{{把arr2的数据放到这里 可以做到吗}}</li>
</ul>
</div>
</template>
<div id="div1">
<contents :age="arr2"></contents>
</div>
</body>
</html>0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
大王别跑 普通会员 1楼
在Vue中，你可以使用循环遍历两个数组并结合Vue的
v-for指令来实现这个功能。以下是一个简单的示例：```html
- {{ item.name }}
- {{ item.name }}
```
在这个示例中，我们有两个数组
array1和array2。我们使用v-for指令遍历这两个数组，并为每个数组的每个元素设置一个唯一的key属性，以便在Vue组件中正确引用这些元素。我们使用数组的
map方法将数组转换为Vue组件可以处理的格式。在这个例子中，我们遍历数组并将每个元素的name属性设置为一个新的元素。最后，我们返回包含这两个数组元素的Vue组件的模板。当用户在模板中滚动时，Vue会遍历这两个数组并显示每个元素。
更多回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部