<template>

    <div>

        <!--<button>添加服务器</button>-->

        <el-table stripe :data="tableData3" style="width: 100%">

            <el-table-column label="服务器IP" prop="Ip">

            </el-table-column>

            <el-table-column label="端口号" prop="Port">

            </el-table-column>

            <el-table-column label="是否Cluster" prop="IsCluster">

            </el-table-column>

            <el-table-column label="备注" prop="Comment">

            </el-table-column>

        </el-table>

    </div>

</template>

<script>

    import axios from 'axios'

    export default {

        created () {

                axios.get('http://localhost:8081/v1/redishosts')

                    .then((response) => {

                        var dataReturn = response.data

                        console.log(dataReturn)

                        var data = []

                        for (let i = 0; i < dataReturn.length; i++) {

                            var obj = {}

                            obj.Ip = dataReturn[i].Ip

                            obj.Port = dataReturn[i].Port

                            obj.IsCluster = dataReturn[i].IsCluster

                            obj.Comment = dataReturn[i].Comment

                            data[i] = obj

                            console.log(obj)

                        }

                        this.tableData3 = data

                    })

                    .catch(function (err) {

                        console.log(err)

                    })

            },

            data () {

                return {

                    tableData3: []

                }

            }

    }

</script>