(vue) element-ui テーブルにスイッチを挿入します。

(vue) element-ui テーブルにスイッチを挿入します。


効果:
ここに画像の説明を挿入


<el-table-column property="enabled" label="启用/禁用" width="150">
  <template slot-scope="scope"> 
     <el-switch
       v-model="scope.row.enabled"
       active-color="#13ce66"
       inactive-color="#ff4949"
       active-value="true"
       inactive-value="false"
       @change="changeAutograph(scope.row)"
     ></el-switch>
   </template>
 </el-table-column>

データ:

gridData: [
   {
    
    
     date: "2016-05-02",
     name: "王小虎",
     enabled: true,
   },
   {
    
    
     date: "2016-05-04",
     name: "王小虎",
     enabled: false,
   },
   {
    
    
     date: "2016-05-01",
     name: "王小虎",
     enabled: false,
   },
 ],

おすすめ

転載: blog.csdn.net/qq_44754635/article/details/131594090