1. 程式人生 > >iview 用render渲染radio無法選中問題

iview 用render渲染radio無法選中問題

描述:剛開始在渲染radiogroup時,在props裡面使用了v-model實現資料的雙向繫結,結果不行,後來改為value即可.

js:

{
                        title: "group",
                        key: "a",
                        render: (h, params) => {
                          return h("div", {
                              style:{
                                marginLeft:'50px'
                              }
                          }, [
                            
                            h(
                              "div",
                              {
                                style: {
                                  "margin-top": "10px",
                                  display: "inline-block",
                                  "font-size": "14px",
                                }
                              },
                              "顆粒度:"
                            ),
                            h(
                              "RadioGroup",
                              {
                                props: {
                                  value: this.radioValue
                                },
                                on: {
                                  "on-change":(val) => {
                                    this.radioValue = val;
                                    console.log(val, "dsadsadadadaddad",this.radioValue);
                                  }
                                }
                              },
                              [
                                h("Radio", {
                                  style: {
                                    display: "inline-block",
                                    "font-size": "14px",
                                    "margin-left": "20px"
                                  },
                                  props: {
                                    label: "天",
                                    // value:'day'
                                  }
                                }),
                                h("Radio", {
                                  style: {
                                    display: "inline-block",
                                    "font-size": "14px"
                                  },
                                  props: {
                                    label: "周",
                                    // value:'week'
                                  }
                                }),
                                h("Radio", {
                                  style: {
                                    display: "inline-block",
                                    "font-size": "14px"
                                  },
                                  props: {
                                    label: "月",
                                    // value:'month'
                                  }
                                }),
                                h("Radio", {
                                  style: {
                                    display: "inline-block",
                                    "font-size": "14px"
                                  },
                                  props: {
                                    label: "季度",
                                    // value:'quarter'
                                  }
                                }),
                                h("Radio", {
                                  style: {
                                    display: "inline-block",
                                    "font-size": "14px"
                                  },
                                  props: {
                                    label: "年",
                                    // value:'year'
                                  }
                                })
                              ]
}

結果: