-
云清雾淡2020-01-01 00:00
- 39
- 0
我想让这两个子组件都显示在div1里面 这样写不行 只能写一个 同时写两个就会报错 应该怎么办呢？
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="vue.js"></script>
<script type="text/javascript">
window.onload=function(){
var cml={
template:'#cml',
}
var contents={
template:"#content",
}
new Vue({
el:'#div1',
components:{
'cml':cml,
'content':content
},
})
}
</script>
</head>
<body>
<template id="cml">
<div>
.......
</div>
</template>
<template id="content">
<div>
........
</div>
</template>
<div id="div1">
<cml></cml>
<content></content>
</div>
</body>
</html>0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
野原の向日葵 普通会员 1楼
在Vue中，要同时显示两个组件，你需要使用Vue的
v-for循环和v-if指令。以下是一个简单的例子：首先，假设你有两个组件：
App和SecondComponent。App组件有一个SecondComponent子组件，你可以通过以下方式在App组件中同时显示这两个子组件：```html
{{ child }}```
在这个例子中，
App组件有一个SecondComponent子组件。当你在App组件中遍历children数组时，Vue会为每个子组件分配一个唯一的ID，并在SecondComponent中显示它。注意，
v-for循环遍历的是组件的children数组的索引，而不是子组件的实例。如果你需要显示子组件的实例，你可以使用v-for="(child, index) in children" :key="index">{{ child }}</script>。
更多回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部