我是一位有用的助手,可以为您进行文本翻译。
我有一个Vue组件,其实现接口如下。
我需要在多个选项卡页面上动态呈现上述组件,并显示不同的数据。每个 my-data-grid 在不同的时间呈现。就像当一个新的数据集进来时,就创建一个新的页面来呈现该组件。目前它可以通过适当更新列和行属性来工作,但是一旦有新的数据进来,就会覆盖其他选项卡页面上的数据。
当我尝试以动态方式执行此操作,以便在运行时呈现该组件时,组件会显示,但是列和行属性没有更新。它显示 data() 未定义。
下面是我的代码的一部分。您还可以参考此链接Render other components in Tab using template。
我在过去的三天里搜索了互联网,现在有些疲惫。这是我第一次在stackoverflow上提问,如果我有偏差,请谅解。
感谢您的帮助。
我有一个Vue组件,其实现接口如下。
<my-data-grid :colunms='columns' :rows='rows'></my-data-grid>
当我尝试以动态方式执行此操作,以便在运行时呈现该组件时,组件会显示,但是列和行属性没有更新。它显示 data() 未定义。
下面是我的代码的一部分。您还可以参考此链接Render other components in Tab using template。
Import MyDataGrid from "./MyDataGridComponent'
Vue.component('my-data-grid', MyDataGrid)
export default {
name: 'app',
data: function() {
return {
headerText0: {
text: 'Tab1'
},
columns: ['some arrays'],
rows: ['some arrays'],
headerText1: {
text: 'Tab2'
},
headerText2: {
text: 'Tab3'
},
Content1: function() {
return {
template: Vue.component('MyDataGrid', {
template: ' <my-data-grid :colunms='columns' :rows = 'rows' > < /my-data-grid>',
data() {
return {
colunms: this.columns,
rows: this.rows
}
}
)
}
}
}
}
}