React/動態綁定class

本文轉載自查看原文 2019-11-09 10:29 1107 前端/React

第一種

字符串拼接

<i className={["iconfont"+" "+item.icon]} ></i>

第二種

有判斷條件的

<i className={["iconfont ",isRed ?item.icon :'' ].join('')} ></i>

第三種

使用ES6 模板字符串

<i className={`iconfont ${isRed ?item.icon :'' }`} ></i>

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 vue動態綁定屬性--基本用法及動態綁定class vue動態綁定:class的幾種方式 vue style class 動態綁定 vue -- class & style動態綁定 vue動態綁定class的幾種方式 vue動態綁定class與style總結 3. vue中的class和style的動態綁定 java之動態綁定 ReportViewer 動態綁定 docker動態綁定端口