[英]vue.js component template rendering
在下面的代码中,我希望所有内容都可以内联呈现,但事实并非如此。 为什么跨度时组件未呈内联显示?
<div id='app'>
<span v-for="ville in nomVilles">
<span>{{ville}} </span>
</span>
<liste-villes :villes ="nomVilles"></liste-villes>
</div>
Vue.component('liste-villes',{
template: '<span >\
<span v-for="ville in villes">\
<p>{{ville}} </p>\
</span>\
</span> ',
props: ['villes']
});
var vm = new Vue ({
el:'#app',
data: {
nomVilles:['Vancouver','Montreal']
}
})
span元素是一个内联元素,而p标签是一个block元素。
您试图在span标签内呈现一个段落元素,因此它仍占据整个块级别,从而迫使下一个span不能内联。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.