保留文本原有的空格

<el-table-column prop="aname" label="Goods Name." width="250">
    <template slot-scope="scope">
    <pre class="preCls">{{scope.row.aname}}</pre>
    </template>
</el-table-column>  

.preCls{
  border: none;
  background: transparent;
  color: #787878;
  white-space: pre-wrap;
}