Bootstrap

iview中table多选、加载更多、下载等使用

记录工作中的点点滴滴,为回忆过往添加片片记忆…

1.使用render函数多层渲染以及表格可展开使用

源码地址:https://gitee.com/Mandy_wang/iview-test

h('div',[h('span',{
   style:{
   color: 'red'}},'内容'),h('span',{
   style:{
   color: 'red'}},'内容'),h('span',{
   style:{
   color: 'red'}},'内容')])

image.png

image.png

render: (h, params) => {
   
            let check = h(
              "Button",
              {
   
                props: {
   
                  type: "text",
                  // icon: "md-eye",
                  size: "small",
                  disabled: params.row.batch_type === 1 && params.row.batch_mode === 3|| params.row.batch_type === 3 && params.row.batch_mode === 1?false:true
                },
                style: {
   
                  fontSize: "14px",
                  color: "#3A64FF",
                  padding: 0,
                  marginRight: '24px'
                },
                on: {
   
                  click: () => {
   
                    if (params.row.batch_type === 1 && params.row.batch_mode === 3) {
   
                      this.telent_id = params.row.batch_no
                      this.telentModal = true
                      this.handleGetTelent()
                    }
                    if (params.row.batch_type === 2) {
   
                      // this.$router.push({
   
                      //   name: "waiting_paper/:id",
                      //   params: { id: params.row.id },
                      // });
                      this.paperModal = true
                    }
                    if <
;