iview table添加input框,且校验
2024-10-21 17:30:41
方法一 render渲染
{
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);
}
}
}),
]);
}
},
方法二 templete模板
<Table
:columns="columns1"
:data="data1"
style="margin-bottom: 20px;"
v-if="userForm.setUp == '否'"
ref="table"
>
<template slot-scope="{ row, index }" slot="name">
<Form :model="row">
<FormItem
prop="name"
:rules="{required:true , message: '必填项', trigger: 'change'}"
class="formRule"
>
<Input type="text" v-model="row.name" style="width:120px"/>
</FormItem>
</Form>
</template>
</template>
</Table> columns1 定义 " slot="name" data1中定义name
最新文章
- NSURLCache详解和使用
- NSArray与NSMutableArray 数组与可变数组
- 将rabbitmq整合到Spring中手动Ack
- 详解Objective-C runtime
- Xshell_Using X11 forwarding
- Oracle 11gR2新建空表不分配Segment
- SqlSever基础 top 后面的n 由一个简单的计算式子计算得出
- OneApm,NewRelic
- 学习笔记6_Java_day11_JSP_基础和入门(1、2)
- ubuntu matplotlib 安装
- GitHub for Mac
- Python中else语句块(和if、while、for、try搭配使用)
- bat处理文件
- IOS 动画的两种方式
- STM32的LED驱动程序
- 1011: [HNOI2008]遥远的行星
- Python基础_函数闭包、调用、递归
- css3动画 一行字鼠标触发 hover 从左到右颜色渐变
- Virtual DOM 系列三:Diff算法
- Owin学习笔记(一) Owin的前生今世