iview 表格 某一列中設置radio


在iview 表格 某一列中設置radio,說白了還是要在render中添加,方法為:

{
            title: '業務參數設置',
            // key: 'pyCode',
            align: 'center',
            render:(h, params) => {
              return h( "RadioGroup",
                {
                  props: {
                    value: params.row.status*1==1?'可以':'不可以'
                  },
                  on: {
                    "on-change":(val) => {
                      val=='可以'? params.row.status='1':params.row.status='0'
                      console.log(val, "改變了",params.row.status);
                    }
                  }
                },
                [
                  h("Radio", {
                    style: {
                      display: "inline-block",
                      "font-size": "14px"
                    },
                    props: {
                      label: "可以",
                    }
                  }),
                  h("Radio", {
                    style: {
                      display: "inline-block",
                      "font-size": "14px"
                    },
                    props: {
                      label: "不可以",
                    }
                  })
              ]);
            }
        }

 

需要注意的是,如果是多個選項的話,用‘RadioGroup’並且改變事件與回顯要在‘RadioGroup’中,親測


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM