The iview render data is not displayed and has not been reported wrong.

<div class="device-table-list">
    <Table stripe :columns="columns" :data="getTableData(currentPage)" @on-row-click="markerTap($event)" :disabled-hover="true"></Table>
</div>
columns: [
        {
          title: "",
          align: "center",
          key: "sn",
          width:110,
        },
        {
          title: "",
          align: "center",
          key: "alias",
          width:160,
        },
        {
          title: "",
          align: "center",
          key: "devtec",
          width:140,
        },
        {
          title: "",
          align: "center",
          key: "devsize",
          width:110,
        },
        {
          title: "",
          align: "center",
          key: "sum_energy",
          width:90,
        },
        {
          title: "",
          align: "center",
          key: "sum_flow",
          width:90,
        },
        {
          title: "",
          key: "monitor_object_state",
          align: "center",
          width:90,
          render: (h, params) => {
            if(params.row.monitor_object_state==1 || params.row.monitor_object_state==2){
              return ""
            }else if (params.row.monitor_object_state==3){
              return ""
            }else {
              return ""
            }
            console.log(monitor_object_state);
          }
        },
        {
          title: "",
          align: "center",
          key: "ckxq",
          render: (h, params) => {
            return params.row.ckxq = "";
          }

        },
      ],

if you write it in this way, it will neither show nor report an error. I really can"t find out the reason.
or is there any other way to display it

Sep.01,2021

         render: (h, params) => {
            if(params.row.monitor_object_state==1 || params.row.monitor_object_state==2){
             return h('span', "")
            }else if (params.row.monitor_object_state==3){
              //return ""
              return h('span', "")
            }else {
              //return ""
              return h('span', "")
            }
            console.log(monitor_object_state);
          }

the content that used to be annotated can be displayed directly
, but now it has to be changed to this before it will be displayed. I don't know what the problem is.
solved

anyway.

render should return a virtual DOM object


Brother dei,render function is used to create a virtual dom,. The returned value must be return h (html tag, attribute object (omitted) [Object], child node (omitted) [String | Array]). Try the simplest render ('div',' details') first, which will render a "details" div in the corresponding column.


the test can show

{
              title: "",
              key: "monitor_object_state",
              align: "center",
              width:90,
              render: (h, params) => {
                let value = ''
                if(params.row.monitor_object_state == 1 || params.row.monitor_object_state==2){
                  value = ""
                }else if (params.row.monitor_object_state==3){
                  value = ""
                }else {
                  value = ""
                }
                return h('div',value)
              }
            },
            {
              title: "",
              align: "center",
              key: "ckxq",
              render: (h, params) => {
                return h('div',"");
              }
            },
Menu