vue代码如何实现平方米m2

情况一：标签中放平方米

效果

代码：

<el-row type="flex" class="row-bg">
        <el-col :span="12">
          <el-form-item prop="plantArea">
            <span slot="label">种植面积(m<sup>2</sup>):</span>
            <el-input v-model.number="edit.plantArea" clearable/>
          </el-form-item>
        </el-col>
      </el-row>

情况二：在值后面添加平方米

效果：

代码：

<div class="otherMes" v-if="baseInfo.baseArea">
            <div class="otherMes-title">
              【基地面积】
            </div>
            {{ baseInfo.baseArea }} m<sup>2</sup>
          </div>

 

---

感谢您的阅读，如果您觉得阅读本文对您有帮助，请点一下“推荐”按钮。本文欢迎各位转载，但是转载文章之后必须在文章页面中给出作者和原文连接。