代码不停,分享不止😃 |
2022-11-08 21:15阅读: 272评论: 0推荐: 0

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

 

 

本文作者:Mahmud(مەھمۇد)

本文链接:https://www.cnblogs.com/mahmud/p/16871248.html

版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。

posted @   Mahmud(مەھمۇد)  阅读(272)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· 凌晨三点救火实录:Java内存泄漏的七个神坑,你至少踩过三个!
点击右上角即可分享
微信分享提示
评论
收藏
关注
推荐
深色
回顶
收起
  1. 1 404 not found REOL
404 not found - REOL
00:00 / 00:00
An audio error has occurred.

Not available