elementui メッセージ コンポーネントは、テキストの前にあるアイコンを削除し、タイプを設定し、期間を設定します。
1. ドキュメントの参照
iconClassを設定するとtypeが上書きされるため、customClassを設定する必要があります。
- デバッグプロセス中に自分で定義した他のクラス名を追加した属性customClassは有効になりません。クラス名を有効にするためにこれらのメッセージをel-message-errorと書き込むだけです。表示する必要がある情報の種類を設定できます。以下のクラス名に従って自分で設定します。情報はデフォルトであり、追加の設定はありません
.el-message--error
\.el-message--warning
\.el-message--success
2. 効果は次のとおりです。
3. コードの実装
this.$message({
message: '这是一条提示信息',
type: 'error',
iconClass: ' ', // 这个会覆盖图标类名,为了实现去掉图标的操作
customClass: 'el-message--error', // 这个是由于上面设置了iconClass会覆盖掉type,所以需要再设置
duration: 5000 // 这个是时长设置
});
他のニーズがある友人は、公式文書を参照するか、以下にメッセージを残して話し合うことができます~~