小编Kim*_*sen的帖子

vue.js 如何根据属性值将类添加到表行

我正在尝试根据属性 (overallStatus) 值将引导程序类(成功、减弱...)添加到表行。

我将如何在下面的代码中实现这个功能?

提前致谢!

<div id="people" class="col-md-12">      
    <v-client-table :data="tableData" :columns="columns" :options="options"></v-client-table>
</div>   

Vue.use(VueTables.client, {
    perPage: 50, 
    skin: 'table table-condensed'
});

new Vue({
    el: "#people",
    ready: function () { },
    methods: {},
    data: {
        columns: ['deviceType', 'reasonForStatus', 'ip', 'monitorIsOn', 'freeSpace', 'cpuUsage', 'availableRam', 'statusTime'],
        options: {
            dateColumns: ['statusTime'],
            headings: {
                deviceType: 'Device Type',
                ip: 'Device Ip',
                reasonForStatus: 'ReasonForStatus',
                freeSpace: 'Free Space',
                cpuUsage: 'CPU Usage',
                availableRam: 'Available Ram',
                statusTime: 'Log Time'
            },
            templates: {
                deviceType: function (row) {
                    return row == 0 …
Run Code Online (Sandbox Code Playgroud)

vue.js

2
推荐指数
1
解决办法
4967
查看次数

标签 统计

vue.js ×1