iview 在table里添加select

最新推荐文章于 2025-06-10 14:54:33 发布

转载最新推荐文章于 2025-06-10 14:54:33 发布 · 191 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/anxiangff/p/9382012.html

本文介绍了一种在表格中实现动态下拉选择框的方法，该方法允许用户从多个选项中选择某列的值，包括'录取'、'拒绝'等选项，并提供了代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 直接上代码：
{
              title: '申请结果',
              align:'center',
              width: 200,
              key: 'applyResult',
              render: (h, params) => {
                return h('Select', {
                    props:{
                      value: params.row.applyResult,
                    },
                    on: {
                      'on-change':(e) => {
                        this.changeS1(e)
                      }
                    },
                  },
                  [
                    h('Option',{
                      props: {
                        value: ''
                      }
                    },'请选择'),
                    h('Option',{
                    props: {
                      value: 'ENROLL'
                    }
                  },'录取'),
                    h('Option',{
                      props: {
                        value: 'REFUSE'
                      }
                    },'拒绝'),
                    h('Option',{
                      props: {
                        value: 'WAITLIST'
                      }
                    },'Waitlist'),
                    h('Option',{
                      props: {
                        value: 'NOTSUBMIT'
                      }
                    },'未提交'),
                    h('Option',{
                      props: {
                        value: 'WITHDRAW'
                      }
                    },'撤回(Withdraw)'),
                    h('Option',{
                      props: {
                        value: 'NORESULT'
                      }
                    },'默拒(一直没回复)'),
                  ]
                );
              },
            },

效果如下：

转载于:https://www.cnblogs.com/anxiangff/p/9382012.html