iview table添加input框

Posted xu-nian-qin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iview table添加input框相关的知识,希望对你有一定的参考价值。

  {
          title: "用户名",
          key: "stockPrice",
          render: (h, params) => {
            return h("Form", [
              h("Input", {
                style: {
                  marginLeft: "4px",
                  width: "150px"
                },
                props: {
                  type: "text",
                  value: params.row.stockPrice //使用data中的key
                },
                on: {
                  input: event => {
                    this.data1[params.index].stockPrice= event;//双向绑定
                    console.log(event,this.data1);
                  }
                }
              }),
            ]);
          }
        },

  

以上是关于iview table添加input框的主要内容,如果未能解决你的问题,请参考以下文章

iview的table中嵌套input,select等

iView中表格(Table)自定义表头添加模糊搜索框

iview-form内table修改字段效验

iview 怎样屏蔽掉账户框自动显示账户名和密码(root,***)

IView Input禁止输入空格,IView v-model.trim修饰符失效,IView输入框禁止输入空格

iview中,想在table中是用radio,radio选中事件居然是input