iview的render函数如何渲染一个Select选择器组件并进行双向数据绑定?

这是我的render函数:

          {
            title:"仓库",
            key:"warehouseId",
            render:(h,params)=>{
              return h('Select',{
                props: {

                },
                render:(h,parmas)=>{
                  return h("Option",this.warehouse.map((item)=>{
                    return {
                      props:{
                        value:item.value,
                        label:item.name
                      }
                    }
                  }))
                },
                on:{
                  click:()=>{
                    console.log(this.warehouse)
                  }
                }
              })
            }
          },

这是我要进行双向绑定的数据:

        warehouse:[
          {
            name:"仓库1",
            value:"1"
          },
          {
            name:"仓库2",
            value:"2"
          },
        ]

渲染不出来啊,看文档说vue的render函数没有提供相应的api,,,到底该如何渲染。。。

阅读 7k
2 个回答

假定要绑定的为vv

h('Select', {
  props: {
    value: this.vv
  },
  on: {
    input:(e) => {
      this.vv = e
    }
  }
}

这样就可以了

          {
            title:"仓库",
            key:"warehouseId",
            render:(h,params)=>{
              console.log(this.warehouse)
              return h('Select',this.warehouse.map((item)=>{
                  return h('Option',{
                    props:{
                      value:item.value,
                      label:item.name
                    }
                  })
              }))
            }
          },
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题