element-ui

Element-UI: How to increase icon size of buttons?

こ雲淡風輕ζ 提交于 2020-01-25 06:21:06
问题 I am simply showing a button like this: <el-button plain circle icon="el-icon-refresh"></el-button> But the icon inside the button is too small. Is there a way to enlarge the icon only? I am using Vue.js for my project. 回答1: Element-ui doesn't support this by it's API. However the icon attribute places a class on i-element within a button. you are able to add a second class and add you own styling. <el-button plain circle icon="custom-icon el-icon-refresh"></el-button> CSS: .custom-icon {

How to correctly setup links in an Element UI table row (Should be easy?)

南楼画角 提交于 2019-12-24 07:38:34
问题 I got a table with the user's projects in Element UI. Since Element UI doesn't work with <tr></tr> I'm a bit confused as how I would go about this. The purpose of the table is to display the user's projects and perform basic CRUD operations on them. That means that for every row a unique ID should be shown as a name, and for the actions they should let the user edit/delete that particular project with the unique ID. In a normal HTML table I'd it like this: <table class="table table-hover">

Laravel Dusk + Vue with ElementUI

泪湿孤枕 提交于 2019-12-21 23:48:21
问题 I need help writting test with Laravel Dusk. I'm using Vue with ElementUI. I really like this framework, however, I can't use Dusk's build-in select() method in my tests. It's because the select component of ElementUI does not generate a real <select> tag, instead, it creates a normal <input> (that is readonly) and, at bottom of the page, the popper with select's options, so, there is not a <select> tag in my page, only a <div> and a readonly <input> . How can I write a test with Dusk that

How to define Vue Events on Render Method using createElement

泄露秘密 提交于 2019-12-14 04:19:26
问题 I'm using ElementUi NavMenu, and render function with the createElement method to make the items of the menu just using JSON with titles and index of the menu, just HTML and JS files, not .vue files. The menu is mounted, the submenus are shown when I click it, but the actions of the submenu (el-menu-item) does not work. I even try the attributes click, item-click, v-on: click when creating the-menu-item (the documentation of ElementUi tells that @click must be used, but this causes an error

Cannot make vue.js element-ui's dialog work while it's inside a child component

左心房为你撑大大i 提交于 2019-12-13 16:04:05
问题 Here is the parent component: <template lang="pug"> .wrapper el-button(type="primary", @click="dialogAddUser = true") New User hr // Dialog: Add User add-edit-user(:dialog-visible.sync="dialogAddUser") </template> <script> import * as data from '@/components/partials/data' import AddUser from './partials/AddUser' export default { name: 'users', components: { AddUser }, data () { return { users: data.users, dialogAddUser: false } } } </script> Here is the child component: <template lang="pug">

Work with filtered data of Element UI table

生来就可爱ヽ(ⅴ<●) 提交于 2019-12-11 06:09:01
问题 I would like to access the remaining data of a filtered Element UI Table . Please see the example implementation on the Element UI website: Table Filter : https://element.eleme.io/#/en-US/component/table Suppose I set the Tag filter to Home , the table would show two remaining columns. Is there a way to access only the not filtered columns? A simple example use case would be to get the number of remaining rows. It was not yet possible for me to directly access the remaining data. I tried to

Vue2 Element-UI Datepicker force refresh for dynamic disabledDate

五迷三道 提交于 2019-12-11 04:38:13
问题 In the codepen below I have a Element-UI datepicker set up to show a dynamic disabled dates based on a random number. The number of disabled dates change every time the datepicker input comes into focus. My issue is the datepicker doesn't refresh the disabled dates until you click on a different month. The datepicker also shows the last month you were previously on when when you click off and back in. Is there a way to force Element-UI Datepicker to refresh? I would like to make the

Vue.js - Element UI - How to know the state of form validation

孤者浪人 提交于 2019-12-10 09:11:09
问题 I'm using, vue-js and element-ui I would like to check the state of the validation of a form without having to click on a submit button Example https://jsfiddle.net/nw8mw1s2/ Steps to reproduce Click on each field The verification is triggered with the blur Start filling the different inputs Question How can I do so when the last input is validated, isFormValidated turns to true . In other words, how can I say "If there is no field with the state error, then turn valudateState to true" Tips I

Laravel Dusk + Vue with ElementUI

我的梦境 提交于 2019-12-04 20:02:33
I need help writting test with Laravel Dusk. I'm using Vue with ElementUI . I really like this framework, however, I can't use Dusk's build-in select() method in my tests. It's because the select component of ElementUI does not generate a real <select> tag, instead, it creates a normal <input> (that is readonly) and, at bottom of the page, the popper with select's options, so, there is not a <select> tag in my page, only a <div> and a readonly <input> . How can I write a test with Dusk that lets me click on a 'div'?? If I try to type on that input with something like this: // $browser->select(