ElementUI中Table和Switch組件中插槽scope應用使用場景

ElementUI中Table和Switch組件中插槽scope應用使用場景

ElementUI 安裝

npm i element-ui -S

引入 Element

main.js 內容添加

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

按需引入和註冊

別忘了table和Switch組件的按需引入和註冊--在element.js中引入

import {  Table, TableColumn, Switch  } from "element-ui";

Vue.use(Table)
Vue.use(TableColumn)
Vue.use(Switch)

 

 

使用插槽slot-scope方式拿到表格數據。直接給開關的v-model屬性綁定。開關Siwtch的v-model是布爾值，scope.row.mg_state是拿到後臺數據中的狀態值：true或false