VUE + iViewのツールチップに改行問題解決

ツールチップラップのiView VUE +

問題

ツールヒントテキストプロンプトソリューションへのラップのための公式ドキュメント、その増加ダイレクトスタイルホワイトスペース:通常は、有効になりません、手動で記述する必要があります。
ソリューションへの公式文書。

解きます

render: (h, params) => {
   let emailAddr = params.row.emailAddr.substring(0,10);//显示文字内容
    return h('div', [
          h('Tooltip', {
            props: {
                placement: 'top',
                transfer: true
            }
          }, [
              emailAddr,//显示文字
              h('div', {
                    slot: 'content',
                    style: {
                        whiteSpace: 'normal'
                    }
              }, params.row.emailAddr)//文字提示内容
          ])
      ]);
  }

レンダリング

ここに画像を挿入説明

リリース6元記事 ウォン称賛7 ビュー10000 +

おすすめ

転載: blog.csdn.net/weixin_43055905/article/details/99947397