Vue (html) は、square、power、一般的に使用される上付き文字と下付き文字を実装します (sup タグや sub タグなしで直接コピーして貼り付けることができます)
まず初めに、このブログの内容は個人利用を目的としており、商用利用を目的としたものではありません。
今日のビジネスでは、立方体の上付き文字を使用して単位を表示する必要があります。検索された HTML 実装のほとんどは sup タグと sub タグを使用しています。多くのテストを行った結果、この種のタグは Vue では使用できないため、直接コピーして貼り付けることができるものを見つけました。0・上下コーナーマーク9本、お引き取りありがとうございます。
間違ったコードは次のとおりです
<el-table-column label="水（m<sup>3<sup>/d）" align="center">
ビジネスで要素 UI を使用していますが、この方法では解決できません。使用した方法が間違っている可能性があります。
効果は下の図に示されています
この記事で入力できる以下の項目は、百度検索の入力ボックスにも入力でき、直接貼り付けることもできます。
m² m³ m⁴ m⁵ mⁿ
m¹²³⁴⁵⁶⁷⁸⁹
m⁰ ¹ ² ³ ⁴ ⁵ ⁶ ⁷ ⁸ ⁹
m。₀ ₁ ₂ ₃ ₄ ₅ ₆ ₇ ₈ ₉
m⁴⁵⁶⁷⁸⁹⁺⁻⁼⁽⁾ⁿ
m⁰¹²³⁴⁵⁶⁷⁸⁹
m-₀ ₁ ₂ ₃ ₄ ₅ ₆ ₇ ₈ ₉
m⁰ ¹ ² ³ ⁴ ⁵ ⁶ ⁷ ⁸ ⁹ ⁺ ⁻ ⁼ ⁽ ⁾ ⁿ
M- ⁰ ¹ ² ³ ⁴ ⁵ ⁶ ⁷ ⁸ ⁹
M₀₁₂₃₄₅₆₇₈₉.₀₁₂₃₄₅₆₇₈₉₀₁₂₃₄₅₆₇₈₉-+ 。
M₀ ₁ ₂ ₃ ₄ ₅ ₆ ₇ ₈ ₉ ₊ ₋ ₌
M⁹⁰¹²³⁴⁵⁶⁷⁸⁹⁺⁻⁼ⁿ
M₀₁₂₃₄₅₆₇₈ ₉₊₋
vueのコードは以下の通り
<el-table-column label="水（m³/d）" align="center">
この方法は実装が比較的簡単で、直接コピーして貼り付けることができ、単純かつ失礼で、履歴書パーティーの福祉に役立ちます。表示効果を次の図に示します。
