【vue】iviewrender添加select input 以及 select选项被隐藏的解决办法

该博客探讨了在Vue中如何使用InputNumber和Select组件进行数据渲染,并详细说明了组件的props绑定、事件监听以及动态选项生成。文章还涵盖了样式调整和状态更新,展示了在表格数据操作中的实践应用。
摘要由CSDN通过智能技术生成
//input input Number

render: (h, { row, index }) => {
	return h("InputNumber", {
                      props: {
                        value: this.tableData[index][str],
                      },
                    });
{
//select

return h(
                      "Select",
                      {
                        props: {
                          value: this.tableData[index][str],
                          transfer: true,//解决被隐藏的问题
                        },
                        style: {
                          width: "100px",
                          zIndex: "10000",
                        },
                        on: {
                          "on-change": (value) => {
                            this.tableData[index][str] = value;
                          },
                        },
                      },
                      this.tableData[index][ruleList].map(function (type) {
                        return h(
                          "Option",
                          {
                            props: {
                              value: type.fixationValue,
                              label: type.gradeName,
                            },
                            style: {
                              width: "100px",
                              zIndex: "10000",
                            },
                          }
                        );
                      })
                    );
{
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值