Javascript 使用文本中心将文本居中的VUE模板问题

在vue.js组件中，我无法将h1标记置于类别的中心。标题与引导属性“text center”一起显示在左侧。其他所有内容，例如类别。说明正确居中。看起来只有标题不受任何影响

<template>
    <div class="row" v-for="category in laravelData">
        <h1 class="text-center">{{ category.title }}</h1>
        <p class="text-center pb-3">{{ category.description }}</p>
        <div class="col-sm-12 col-md-6 col-lg-6" v-for="project in category.project">
            <div class="projects-thumb">
                    <img :src="/img/ + photo.filename" class="img-responsive" alt=""  v-for="photo in project.photo">
                    <h3 class="pt-3">{{ project.title }}</h3>
                    <p class="mt-2 p-3">{{ project.description }}</p>
            </div> 
        </div>
    </div>
</template>
<script>

    export default {
        data() {
            return {
                category: {},
                laravelData: {},
                id: '',
                succmsg:  true,
                showmodal: false,
                actionmsg: '',
            }
        },
        methods: {
            projectList() {
                var id = _.last( window.location.pathname.split( '/' ) ); 
                axios.get('/api/category/'+ id).then((response) => {
                    this.laravelData = response.data;
                });
            }
        },
        mounted() {
            this.projectList();
        }
    }
</script>

{{category.title}}
{{category.description}
{{project.title}
{{project.description}
导出默认值{
数据（）{
返回{
类别：{}，
laravelData:{}，
id:“”，
是的，
showmodal：错，
actionmsg:“”，
}
},
方法：{
项目列表（）{
var id=u3;.last（window.location.pathname.split（'/'）；
get（'/api/category/'+id）。然后（（响应）=>{
this.laravelData=response.data；
});
}
},
安装的（）{
this.projectList（）；
}
}

---

问题可能是因为此模板中有几个循环？

请检查开发人员工具中的元素，以查看应用了哪些CSS。可能是其他因素在设置对齐方式，也可能是元素的宽度与文本的宽度相同。这并不能解释对齐问题，但我很惊讶您没有收到关于多个根节点的错误消息。谢谢，您是对的。它受class=“row”的影响。现在它可以工作了。@skiller关于多个根节点，你是什么意思。这里没有错误。但当然，也许这是一种解决办法，将这3个循环排成一行。也许你能提供建议？所有数据都来自restfullapijson，所以我试图从多维数组category>project>photo中获取数据。这篇文章中有一个数组-。虽然您的模板可能看起来只有一个根元素，

上的

v-for

可能会导致它输出多个节点，除非

laravelData

仅包含一个条目。如果它只包含一个条目，那么使用

v-for

并不合适。