css加載不出來

 

原由：

        <el-table
            :data ="table"
            style="width: 100vw;text-align: left;"
            :row-class-name="tableRowClassName">
            <el-table-column
                prop="id"
                label="入庫單號"
                width="133"></el-table-column>
            <el-table-column
                prop="name"
                label="庫位名稱"
                width="140"></el-table-column>
            <el-table-column
                prop="number"
                label="數量"
                width="70"></el-table-column>
        </el-table>

<style scoped>
    .el-table .a-row{
        background-color: #2C3E50;
    }
</style>

 

 

緣由：css裏面聲明瞭scoped,每一個組件的element會產生對應的屬性，格式data-v-。

El-table標籤建立了一個<table>表單，但使用row-class-name添加的表單是加在對應的index的tr標籤上面的，沒有對應的data-v,因此css加載不進來。

Scoped做用是實現做用域控制，經過增長命名空間，來使css局部做爲。