Javascript 使用Vue展开行时,如何使元素直接显示

Javascript 使用Vue展开行时,如何使元素直接显示,javascript,jquery,vue.js,Javascript,Jquery,Vue.js,我是Vue的极端初学者,我正在尝试创建一个数据表,当您单击一行时,它会展开并显示图表。如果你能帮我的话,我有两个问题。当我单击一行时,什么也不显示,但当我单击另一行时,第一行中会显示图形。第二,我希望一次只打开一行 提前谢谢 #:{{props.row.dateUTC} #:{{props.row.creator} #:{{props.row.type} #:{{props.row.labels} #:{{props.row.uid} 复习 我在element ui上玩了一会儿,并设法使其正

我是Vue的极端初学者,我正在尝试创建一个数据表,当您单击一行时,它会展开并显示图表。如果你能帮我的话,我有两个问题。当我单击一行时,什么也不显示,但当我单击另一行时,第一行中会显示图形。第二,我希望一次只打开一行

提前谢谢


#:{{props.row.dateUTC}

#:{{props.row.creator}

#:{{props.row.type}

#:{{props.row.labels}

#:{{props.row.uid}

复习
我在element ui上玩了一会儿,并设法使其正常工作:

newvue({
el:“应用程序”,
数据(){
返回{
表格数据:[{
重点:1,,
日期:“2016-05-03”,
地址:洛杉矶格罗夫街189号
}, {
重点:二,,
日期:“2016-05-02”,
地址:洛杉矶格罗夫街189号
}, {
重点:三,,
日期:“2016-05-04”,
地址:洛杉矶格罗夫街189号
}],
}
},
方法:{
展开(行,已展开){
此.$refs.tab.store.states.expandRows=isExpanded?[row]:[]
}
}
})

地址:{{props.row.Address}


我在element ui上玩了一会儿,并设法使其正常工作:

newvue({
el:“应用程序”,
数据(){
返回{
表格数据:[{
重点:1,,
日期:“2016-05-03”,
地址:洛杉矶格罗夫街189号
}, {
重点:二,,
日期:“2016-05-02”,
地址:洛杉矶格罗夫街189号
}, {
重点:三,,
日期:“2016-05-04”,
地址:洛杉矶格罗夫街189号
}],
}
},
方法:{
展开(行,已展开){
此.$refs.tab.store.states.expandRows=isExpanded?[row]:[]
}
}
})

地址:{{props.row.Address}


也显示你的JS…也显示你的JS…前几天我们处理了一个问题,我没有在评论中链接它的唯一原因是因为OP使用的是
元素ui
。您是否有一个可用于
元素ui
的解决方案?感谢您指出这是元素ui集成问题。玩了一段时间,它似乎是可行的。参见更新的答案@BertEvansWe前几天我们处理了一个问题,我没有在评论中链接它的唯一原因是OP使用的是
元素ui
。您是否有一个可用于
元素ui
的解决方案?感谢您指出这是元素ui集成问题。玩了一段时间,它似乎是可行的。见更新答案@BertEvans