element-ui

叁歲伎倆 2023-06-04 12:51 21阅读 0赞

vue-cli3集成element-ui:
    1. vue create demo
    2. vue add element
    3. src\plugins\element.js   设置全局插件
    4. views中页面按需引入

import \{Row, Col, Dialog, Tabs, TabPane, Form, FormItem, Input,Message \} from 'element-ui'  
export default\{  
name: 'About',  
components:\{  
　　\[Row.name\]:Row,  
　　\[Col.name\]:Col,  
　　\[Dialog.name\]:Dialog,  
　　\[Tabs.name\]:Tabs,  
　　\[TabPane.name\]:TabPane,  
　　\[Form.name\]:Form,  
　　\[FormItem.name\]:FormItem,  
　　\[Input.name\]:Input,  
　　\[Message.name\]:Message  
\}

常见问题
    1、EL-Table获得选中的行

<el-table ref="singleTable"/>

多选： this.$refs.multipleTable.store.states.selection
    单选： this.$refs.summaryTable.store.states.currentRow
    
    2、el-table 多选改单选
    <el-table-column
    label="操作"
    width="55">
    　　<template slot-scope="scope">
    　　　　<el-checkbox v-model="scope.row.checked"></el-checkbox> 　　</template>
    </el-table-column>

handleSelectionChange (row) \{  
　　this.tableData3.forEach(item => \{  
　　　　// 排他,每次选择时把其他选项都清除  
　　　　if (item.id !== row.id) \{  
　　　　　　item.checked = false  
　　　　\}  
　　　\})  
　　console.log(row)  
\}

3、el-input type="textarea"    设置高度

:rows="5"

转载于:https://www.cnblogs.com/ckmouse/p/11394161.html

发表评论取消回复

表情：

评论列表（有 0 条评论，21人围观）

还没有评论，来说两句吧...

相关阅读

相关 ElementUI--使用（实例）

原文网址：[ElementUI--使用（实例）\_IT利刃出鞘的博客-CSDN博客][ElementUI--_IT_-CSDN] 其他网址 [44、前端基础-Vue-整

Love The Way You Lie/ 2023年01月23日 14:58/ 0 赞/ 214 阅读

相关 ElementUI 分页

一、概述当我们向后台请求大量数据的时候，并要在页面展示出来，请求的数据可能上百条数据或者更多的时候，并不想在一个页面展示，这就需要使用分页功能来去完成了。本次所使用

谁借莪１个温暖的怀抱￠/ 2023年01月11日 13:03/ 0 赞/ 228 阅读

相关 Elementui 踩坑

el-upload 第一次没有上传文件提交触发效验后提示文件未上传，上传图片后再点击提交还是提示图片未上传官网里说：由于 JavaScript 的限制，Vue 不能检测数

曾经终败给现在/ 2022年10月12日 01:38/ 0 赞/ 241 阅读

相关 vue+elementui tree

[tree 同级拖拽功能][tree] [tree 任意级别拖拽功能][tree 1] [Tree树形控件的拖动排序][Tree] [tree]: https://bl

阳光穿透心脏的1/2处/ 2022年10月08日 12:29/ 0 赞/ 218 阅读

相关 elementui按钮组

<el-button-group style="display:flex;"> <el-upload :multip

深碍√TFBOYSˉ_/ 2022年10月07日 13:47/ 0 赞/ 219 阅读

相关 ElementUI--个性化修改

原文网址：[ElementUI--个性化修改\_IT利刃出鞘的博客-CSDN博客][ElementUI--_IT_-CSDN] 其他网址展开/折叠效果菜单

以你之姓@/ 2022年09月03日 01:23/ 0 赞/ 188 阅读

相关 vue+elementUI $message

element-ui,$message显示倒计时信息 element-ui,$message显示倒计时信息 element-ui 提供的messa

女爷i/ 2022年04月03日 09:46/ 0 赞/ 896 阅读

相关 ElementUI快速入门

本文主要从几个方面快速入门ElementUI > 1、什么是ElementUI ？掌握elementUI脚手架搭建 > > 2、掌握elementUI的table组件的使

客官°小女子只卖身不卖艺/ 2022年03月31日 09:26/ 0 赞/ 555 阅读

相关 ElementUI例程

1、使用Vue Cli创建VUE项目 vue create myvue 2、添加vue-router,element-ui,axios类库 npm install

蔚落/ 2021年10月23日 14:22/ 0 赞/ 410 阅读

相关 ElementUI按钮组件

> 按钮组件(示例) 1.默认样式按钮 <el-row> <el-button>默认按钮</el-button>

Myth丶恋晨/ 2021年07月24日 22:34/ 0 赞/ 964 阅读