iview中在table组件中添加select(以及不成功的问题处理)

普通模式
{
     title: '午饭选择',
     key: 'lunch',
     width: 200,
     align: 'center',
     render: (h, params) => {
         return h('Select', {
                 props:{
                     value : 1, //默认的值
                     transfer: true,  //select不受body显示,以免显示不出来
                 },
                 on: {
                     'on-change':(val) => { //选项改变发生的事件
                         console.log(val)
                     }
                 },
             },
             [
                 h('Option',{
                     props: {
                         value: '1'
                     }
                 },'黄焖鸡'),
                 h('Option',{
                     props: {
                         value: '2'
                     }
                 },'大排饭'),
                 h('Option',{
                     props: {
                         value: '3'
                     }
                 },'牛肉汤'),
                 h('Option',{
                     props: {
                         value: '4'
                     }
                 },'炒菜')
             ]
         );
     }
 },
数据填充模式
{
	title: '午餐选择',
	key: 'lunch',
	width: 200,
	align: 'center',
	render: (h, params) => {
	    return h('Select', {
			    props:{
					value : this.data[params.index].lunch,  //数据的双向绑定 data是定义好的数据
					transfer: true,
			    },
			    on: {
					'on-change':(event) => { //select改变事件
					    this.data[params.index].lunch = event;
					}
			    },
			},
			this.lunch_array.map(function(val,key){ //lunch_array是午餐的集合数组
			    return h('Option', {
					props:{
					    value:val.value
					}
			    }, val.text);
			})
	    )
	}
},
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

黑夜开发者

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值