Vue.js Vue表格2自定义行样式

所以我在使用，发现了一个小问题。 让我们假设我得到一个项目列表，它们有一个名为status的列，每个状态都是常量，现在我需要得到转换后的值，所以这里的relationstatus=key（常量）。 带有转换值的表有我想用来填充行的颜色

我在文档中看到有rowClassCallback，但我希望返回内联样式，如：background image:$color（对于选定状态）

即使在这个函数（rowClassCallback）中，我也不能检查颜色的值，因为它在数据中

这里的选项rowClassCallback是我要做的示例

Vue.use（VueTables.ClientTable）；
新Vue({
el:“应用程序”，
数据：{
列：['name'，'code'，'uri']，
数据：getData（），
选项：{
标题：{
名称：'国家名称'，
代码：'国家代码'，
uri:“查看记录”
},
editableColumns:['name']，
可排序：['name'，'code']，
可筛选：['name'，'code']，
rowClassCallback:row=>{
返回`background color:${this.getProperColor（row.id）}`；
}
}
},
方法：{
GetPropertColor（id）{
如果（id==245）{
返回“#32CD32”
}
}
},
});
函数getData（）{
返回[{
代码：“ZW”，
姓名：“津巴布韦”，
创建于：“2015-04-24T01:46:50.459583”，
更新地址：“2015-04-24T01:46:50.459593”，
uri:“http://api.lobbyfacts.eu/api/1/country/245",
身份证号码：245
}, {
代码：“ZM”，
名称：“赞比亚”，
创建于：“2015-04-24T01:46:50.457459”，
更新地址：“2015-04-24T01:46:50.457468”，
uri:“http://api.lobbyfacts.eu/api/1/country/244",
身份证号码：244
}, {
代码：“YE”，
姓名：“也门”，
创建于：“2015-04-24T01:46:50.454731”，
更新地址：“2015-04-24T01:46:50.454741”，
uri:“http://api.lobbyfacts.eu/api/1/country/243",
身份证号码：243
}, {
代码:"嗯",，
名称：“西撒哈拉”，
创建时间：“2015-04-24T01:46:50.452002”，
更新地址：“2015-04-24T01:46:50.452011”，
uri:“http://api.lobbyfacts.eu/api/1/country/242",
身份证号码：242
}, {
代码：“RS”，
名称：“塞尔维亚”，
创建于：“2015-04-24T01:46:50.342496”，
更新地址：“2015-04-24T01:46:50.342501”，
uri:“http://api.lobbyfacts.eu/api/1/country/196",
身份证号码：196
}];
}

您可以使用类似的方法rowAttributesCallback而不是rowClassCallback将参数传递给row

选项：{
editableColumns:['name']，
可排序：['name'，'code']，
可筛选：['name'，'code']，
rowAttributesCallback:行=>{
返回{“样式”：“颜色：红色”}；
}
}

请提供相关代码欢迎访问SO。有关如何改进您的问题的建议，请参见。更新的说明