SOURCE

var Main = {
    data () {
      return {
        basket:[{
          name:'22',
          price:'20',
          num:1
        },{
          name:'11',
          price:'2',
          num:1
        }]
      };
    }
  }
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')

<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/element-ui@2.5.4/lib/index.js"></script>
<div id="app">
<template>
 <el-table :data="basket" stripe  style="width: 100%">
        <el-table-column
          prop="name"
          label="商品"
          align="center"
        ></el-table-column>
   
        <el-table-column
          prop="num"
          label="份数"
          align="center"
        >
          <template  slot-scope="scope" >
            <el-input-number  size="mini" v-model="scope.row.num"></el-input-number>
          </template>
        </el-table-column>
   
        <el-table-column
          prop="price"
          label="小计(元)"
          align="center"
        >
          <template  slot-scope="scope" >
            <span>{{scope.row.num *scope.row.price}}</span>
          </template>
        </el-table-column>
   
      </el-table>
</template>
</div>

@import url("//unpkg.com/element-ui@2.5.4/lib/theme-chalk/index.css");