iview怎么在表格中渲染Tooltip文字提示

最新推荐文章于 2025-03-25 11:09:31 发布

云凝汐辰

最新推荐文章于 2025-03-25 11:09:31 发布

阅读量1.7k

点赞数

分类专栏： iview在table中添加文字提示Tooltip 文章标签： iview vue

iview在table中添加文字提示Tooltip 专栏收录该内容

1 篇文章

订阅专栏

{
            title: '问题描述',
            key: 'ProblemDescription',
            render: (h, params) => {
             let texts=params.row.ProblemDescription;
             if(params.row.ProblemDescription !=null){
               if(params.row.ProblemDescription.length>20){
                 texts=params.row.ProblemDescription.slice(0,10)+'...'  //进行数字截取
               }else{
                 texts=params.row.ProblemDescription
               }
             }
              return h('div', [
                h('Tooltip', {
                  props: {
                    placement: 'top',
                    transfer: true
                  }
                },[texts,h('span',{
                  slot:'content',
                  style:{
                    whiteSpace:'normal'
                  }
                },params.row.ProblemDescription)
                ])
              ])
            }
          },

转载自https://blog.youkuaiyun.com/weixin_39494582/article/details/84284250