如何利用vue2-golden-layout插件高效添加布局内容?

更新于
2026-09-29 11:50:48
7阅读来源:SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计91个文字,预计阅读时间需要1分钟。

如何利用vue2-golden-layout插件高效添加布局内容?

HTML 部分:

{{ item.name }}

如何利用vue2-golden-layout插件高效添加布局内容?

JavaScript 部分:javascriptdata() { return { AllComponentArr: [{ id: 1, name: 'test1' }] };}

HTML部分:

<vue-golden-layout ref="vueGolden">
<div v-for="item in AllComponentArr" :key="item.id" style="height: 100%">
<p>{{item.name}}</p>
</div>
</vue-golden-layout>

javascript部分:

data() {
return {
AllComponentArr: [{
id: 1,
name: 'test1'
}]
}
}