{"id":639,"date":"2022-09-26T16:44:15","date_gmt":"2022-09-26T08:44:15","guid":{"rendered":"https:\/\/22pig.com\/?p=639"},"modified":"2022-09-26T16:44:15","modified_gmt":"2022-09-26T08:44:15","slug":"show-overflow-tooltip-%e5%b1%9e%e6%80%a7%e5%92%8c-%e5%90%8c%e6%97%b6%e4%bd%bf%e7%94%a8%e6%96%87%e5%ad%97%e6%88%aa%e6%96%ad%e5%a4%b1%e6%95%88","status":"publish","type":"post","link":"http:\/\/22pig.com\/?p=639","title":{"rendered":"show-overflow-tooltip \u5c5e\u6027\u548c<el-link><\/el-link> \u540c\u65f6\u4f7f\u7528\u6587\u5b57\u622a\u65ad\u5931\u6548"},"content":{"rendered":"<div>\n<h3>show-overflow-tooltip \u5c5e\u6027\u548c&lt;el-link&gt;&lt;\/el-link&gt; \u540c\u65f6\u4f7f\u7528\u6587\u5b57\u622a\u65ad\u5931\u6548<\/h3>\n<p>4.1\u5728elementui \u7684 table \u7ec4\u4ef6\u4e2d \u6211\u4eec\u53ef\u4ee5\u901a\u8fc7 show-overflow-tooltip \u5c5e\u6027\u6765\u8ba9\u6ea2\u51fa\u7684\u6587\u5b57\u81ea\u52a8\u622a\u65ad<\/p>\n<div class=\"_2Uzcx_\">\n<p>&nbsp;<\/p>\n<pre class=\"line-numbers language-html\"><code class=\"html language-html\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>el-table-column <span class=\"token attr-name\">prop<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>address<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">label<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>\u5730\u5740<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">show-overflow-tooltip<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>el-table-column<span class=\"token punctuation\">&gt;<\/span><\/span>\n<\/code><\/pre>\n<\/div>\n<p>4.2\u5982\u679c\u8868\u683c\u5185\u5bb9\u662f\u590d\u6742\u7c7b\u578b\u7684\u6570\u636e\u8981\u81ea\u5df1\u5904\u7406\u7684\u65f6\u5019\u53ef\u4ee5\u8fd9\u6837\u5199<\/p>\n<div class=\"_2Uzcx_\">\n<p>&nbsp;<\/p>\n<pre class=\"line-numbers language-html\"><code class=\"html language-html\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>el-table <span class=\"token attr-name\">:data<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>tableData<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n    <span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>el-table-column <span class=\"token attr-name\">type<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>index<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">width<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>50<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>el-table-column<span class=\"token punctuation\">&gt;<\/span><\/span>\n    <span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>el-table-column <span class=\"token attr-name\">prop<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>address<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">label<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>\u5730\u5740<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">show-overflow-tooltip<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n        <span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>template <span class=\"token attr-name\">slot-scope<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>scope<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n            <span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>span<span class=\"token punctuation\">&gt;<\/span><\/span>\n                {{scope.row.address}}\n            <span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>span<span class=\"token punctuation\">&gt;<\/span><\/span>\n        <span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>template<span class=\"token punctuation\">&gt;<\/span><\/span>\n    <span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>el-table-column<span class=\"token punctuation\">&gt;<\/span><\/span>\n<span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>el-table<span class=\"token punctuation\">&gt;<\/span><\/span>\n<\/code><\/pre>\n<\/div>\n<p>\u6ce8\u610f\uff0c\u5982\u679c\u60f3\u8ba9show-overflow-tooltip\u751f\u6548\u4e00\u5b9a\u8981\u52a0&lt;span&gt;&lt;\/span&gt;<\/p>\n<p>4.3 show-overflow-tooltip \u548c &lt;el-link&gt;&lt;\/el-link&gt; \u540c\u65f6\u4f7f\u7528\u7684\u65f6\u5019 \u6587\u5b57\u622a\u65ad\u5931\u6548\u4e86\u3002<\/p>\n<\/div>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>show-overflow-tooltip \u5c5e\u6027\u548c&lt;el-link&gt;&lt;\/el-link&gt; \u540c\u65f6\u4f7f\u7528\u6587\u5b57\u622a\u65ad\u5931\u6548 4.1\u5728elementui \u7684 table \u7ec4\u4ef6\u4e2d \u6211\u4eec\u53ef\u4ee5\u901a\u8fc7 show-overflow-tooltip \u5c5e\u6027\u6765\u8ba9\u6ea2\u51fa\u7684\u6587\u5b57\u81ea\u52a8\u622a\u65ad &nbsp; &lt;el-table-column prop=&#8221;address&#8221; label=&#8221;\u5730\u5740&#8221; show-overflow-tooltip&gt;&lt;\/el-table-column&gt; 4.2\u5982\u679c\u8868\u683c\u5185\u5bb9\u662f\u590d\u6742\u7c7b\u578b\u7684\u6570\u636e\u8981\u81ea\u5df1\u5904\u7406\u7684\u65f6\u5019\u53ef\u4ee5\u8fd9\u6837\u5199 &nbsp; &lt;el-table :data=&#8221;tableData&#8221;&gt; &lt;el-table-column type=&#8221;index&#8221; width=&#8221;50&#8243;&gt;&lt;\/el-table-column&gt; &lt;el-table-column prop=&#8221;address&#8221; label=&#8221;\u5730\u5740&#8221; show-overflow-tooltip&gt; &lt;template slot-scope=&#8221;scope&#8221;&gt; &lt;span&gt; {{scope.row.address}} &lt;\/span&gt; &lt;\/template&gt; &lt;\/el-table-column&gt; &lt;\/el-table&gt; \u6ce8\u610f\uff0c\u5982\u679c\u60f3\u8ba9show-overflow-tooltip\u751f\u6548\u4e00\u5b9a\u8981\u52a0&lt;span&gt;&lt;\/span&gt; 4.3 show-overflow-tooltip \u548c &lt;el-link&gt;&lt;\/el-link&gt; \u540c\u65f6\u4f7f\u7528\u7684\u65f6\u5019 \u6587\u5b57\u622a\u65ad\u5931\u6548\u4e86\u3002 &nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-639","post","type-post","status-publish","format-standard","hentry","category-java"],"_links":{"self":[{"href":"http:\/\/22pig.com\/index.php?rest_route=\/wp\/v2\/posts\/639","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/22pig.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/22pig.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/22pig.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/22pig.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=639"}],"version-history":[{"count":0,"href":"http:\/\/22pig.com\/index.php?rest_route=\/wp\/v2\/posts\/639\/revisions"}],"wp:attachment":[{"href":"http:\/\/22pig.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=639"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/22pig.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=639"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/22pig.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=639"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}