文本框数据合并展示,例如长、宽、高三个字段合并展示为10*56*70mm

后台数据以长宽高三个字段存着给前端，前端文本框将数据合并处理再展示；

例如长、宽、高三个字段合并展示为10*56*70mm，效果如下：

 代码：

重新写一个输入框来替代掉之前的三个尺寸

<el-form-item label="大小尺寸" prop="dimensions">
    <el-input v-model="size" disabled />
</el-form-item>

定义在data里面：

data() {
      return {
        //外观尺寸
        size:"",

获取到数据时就处理一下:

//获取冰淇淋外观信息
      getDATE(data) {
        console.log(data);
        this.dimensions= `${data.longs}*${data.wides}*${data.highs}mm`;
      },