AVue表格（avue-crud）中插入输入框

最新推荐文章于 2024-08-01 14:22:08 发布

CrayonJ

最新推荐文章于 2024-08-01 14:22:08 发布

阅读量3.9k

点赞数 1

文章标签： vue html javascript

本文链接：https://blog.csdn.net/Crayon111/article/details/115672878

版权

直接上图和代码
在这里插入图片描述

<template
 slot-scope="scope"
  slot="spacesearch"
>
  <div>
    <avue-crud
      :data="data3"
      :option="option3"
    >
    //插入输入框
      <template slot-scope="scope" slot="default">
        <el-form-item>
          <el-input></el-input>
        </el-form-item>
      </template>
    </avue-crud>
  </div>
</template>

data() {
 data3: [
 	 {
       id: 1,
       aaa: "xxx",
       bbb: "xxx",
       ccc: "xxx",
       default: ""
     }
 ],
 option3: {
        column: [
          {
            label: "aaa",
            prop: "aaa"
          },
          {
            label: "bbb",
            prop: "bbb"
          },
          {
            label: "ccc",
            prop: "ccc"
          },
          {
            label: "默认值",
            prop: "default"
          }
        ]
      }
}