Vue2-Golden-Layout布局中,如何给组件添加丰富内容?

2026-04-01 06:490阅读0评论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'
}]
}
}


本文共计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'
}]
}
}