學習之中遇到一個坑

原始碼裡面是scope=“scope”，然而slot-scope vue2.5版本中取代了scope。

<el-table :data="tableData" border show-summary style="width: 100%" >

    <el-table-column prop="goodsName" label="商品"  ></el-table-column>
    <el-table-column prop="count" label="量" width="50"></el-table-column>
    <el-table-column prop="price" label="金額" width="70"></el-table-column>
    <el-table-column  label="操作" width="100" fixed="right">
        <template scope="scope"
 
>
            <el-button type="text" size="small">刪除</el-button>
            <el-button type="text" size="small">增加</el-button>

        </template>
    </el-table-column>
</el-table>  

然後elementUI的樣式有時候很尷尬，

el-tabs文字都是左貼邊的，用標籤選擇器加樣式沒作用，開啟開發者模式，它根本沒這個標籤，是div加的類名而已，所以這種情況是直接寫內聯樣式噠

                    <div class="goods-type">
                        <el-tabs style="padding-left:10px">
                            <el-tab-pane label="漢堡">
                              <div class="cookList">
                                <ul>
                                   <li v-for="(goods,index) in type0Goods" :key="index">
                                     <span class="foodImg"><img :src="goods.goodsImg" width="100%"></span>
                                     <span class="foodName">{{goods.goodsName}}</span>
                                     <span class="foodPrice">￥{{goods.price}}元</span>
                                   </li>
                                </ul>
                              </div>
                            </el-tab-pane>
                            <el-tab-pane label="小食">小食</el-tab-pane>
                            <el-tab-pane label="飲料">飲料</el-tab-pane>
                            <el-tab-pane label="套餐">套餐</el-tab-pane>
                        </el-tabs>
                    </div>