Questions tagged [element-ui]

Element UI, is a Vue 2.0 based component library

-1
votes
1answer
24 views

ElementUI - How to Word wrap: break-word in el-table-column

Using ElementUI I'd like to be able to wrap the text in a column on whitespace rather than in the middle of a word. Normally you'd applywhite-space: normal;word-wrap: break-word;To the in a ...
0
votes
0answers
19 views

Can not custom them of Element-UI in Nuxt js project

I try to custom them of Element UI in my Nuxt 2 project by following the guide at https://element.eleme.io/#/en-US/component/custom-theme and I use Update SCSS variables method. In my Nuxt 1.4, I also ...
1
vote
1answer
33 views

How to set a valid prop path for nested data on a table - Element UI - Vue JS

I'm trying to validate a form, part of which is represented in a table using element-ui. But I can't pass a valid prop to the el-form-item.The data model looks something like this.form: {...
0
votes
0answers
37 views

Prevent triggering an upload button with VueJS keyup.enter event

In VueJS, I am trying to use variations of @keyup.enter to prevent triggering an upload button that I have on the same page when I press Enter. I have tried: @keyup.enter.prevent, @keypress.enter....
0
votes
1answer
24 views

Can an Array be passed in an element-ui el-autocomplete callback?

I tried to use the el-autocomplete tag with the simplest version: an Array returned by the callback function (JSFiddle version). Vue.component('button-counter', {data: function() {...
0
votes
1answer
27 views

Using Vue.js and element UI, How to make required field optional depend on checkbox value?

I'm using element UI library in Vue.js project, Both input fields are required. How to make first field not-required after click on checkbox?The template : <el-form :model="MainForm....
1
vote
1answer
22 views

Disable close-on-click-modal in Element UI

With (Vue) Element UI I'm trying to disable a Dialog element from closing on click.In the docs it say there is a close-on-click-modal attribute, but it's default is true and I have no idea on how to ...
2
votes
1answer
27 views

RouterLink Not Appearing Properly in Vue Js

I have a problem using the routerLink in Vue Js. It only shows the localhost:8080/#/purchase-orders. It should be localhost:8080/#/purchase-orders/2 since i added the params property. How should i fix ...
2
votes
2answers
32 views

Addings Rows in Element In Vue Js

I'm trying to display rows using the Element IO in VueJs. My problem is why is my code not outputting and how can i add some rows and remove some rows? Is there something wrong with my code? I've ...
0
votes
1answer
29 views

How to validate value without wraping it in form?

I need to validate user input, but I do not want to wrap my data in Form, as shown in docs.Is there any way to validate single value. Here is my code: https://jsfiddle.net/mvy0jesa/new Vue({el: ...
0
votes
0answers
17 views

How to compile ElementUI css into Rails 5.2 and Vue 2.5 project correctly?

When production build run by webpacker, the ElementUI css file imported at entry js file not been compile into main css correctly.files structurepackage.jsonapplication.jsimport ElementUI from '...
1
vote
0answers
45 views

Vue Js Form Validation with Components and Element UI

I am trying to find a way using vue js, components, and element ui to validate a form that is within a table and has data pushed into it from a template.At the moment this is a snippet of the code ...
0
votes
0answers
52 views

Unable to mount Element UI child component in test

I have a vue-cli generated app with vue v2.5.17 and element-ui v2.4.6. I am trying to test the el-select Element UI element but there's an ElSelectDropdown element that is internal to el-select that ...
1
vote
2answers
47 views

Vue.js Element Ui - trap / lock focus when el-dialog is open

As you can see here, when you open any dialog example and start pressing the tab key, the focus start highlighting the elements that are outside/behind the dialog. I was wondering if element-ui have ...
0
votes
0answers
22 views

ElementUI confirm box does not wait for response in navigation hook

My router has the following structure:const router=new VueRouter({routes: [{ path: '/',component: Parent,redirect: '/parent',children: [{name: '...
0
votes
1answer
62 views

How to add keydown event in element-ui table?

I did not find keydown event in Table Methods. I tried to add @keydown.native="test" in a table but is doesn't work.How to solve this problem?
1
vote
0answers
100 views

Vue.js + Element-ui Upload: how call method ClearFiles or Abort

I'm using vue.js and element-ui.I'd like to use the upload-file component to send files to my server.I want to stop loading a file to the server, if such file already exists. I want to use the ...
0
votes
0answers
76 views

Element Ui + Vue JS [Column offset not working]

I am using Element UI for Vue js front end for my application, the problem I am facing is that when I set the offset for columns for small viewport devices it applies on the normal viewport as well.I ...
0
votes
1answer
108 views

How to call validate method of Element-UI form

I'm trying design some forms with Element-UI in one of my Vue.js projects. I want to check if the form is valid before continuing any further action once the submit button is clicked.Can anybody ...
0
votes
1answer
97 views

Element-UI : font-family differencies between components

The font style/family is not standard between components.For example : input vs textareadatatable vs datatable page-size popper dropdownthe notification messagesHow can I fix this in "element-...
0
votes
0answers
34 views

Is there a Property for the array of el-table-column in el-table

Looking at the documentation for ElementUI table here: http://element.eleme.io/#/en-US/component/table there is no evidence of a property for the array / collection of columns.In elementUI table ...
0
votes
1answer
152 views

How to make a table row clickable and expand the row - vue.js - element-ui

I am using table that has expandable row feature. The row expands when the expand icon is clicked, you can check the example HERE. But, what I am trying to make is, the entire row clickable and toggle ...
-1
votes
1answer
59 views

v-model not working in laravel vuejs

I am using ElementUI in Laravel app, the problem I am facing is that the v-model directive is not working. I have tried putting normal input as well but the v-model directive still does not work....
1
vote
1answer
201 views

VueJS Element-UI el-date-picker custom validation

Im using Element-UI date picker and I would like to set a custom validation after my server validates if the date selected is valid or not.<div class="form-row"><label class="form-...
0
votes
1answer
27 views

Vue EventBus won't transfer object attributes

I would appreciate your help with two Vue Single Page components.Component 'Searchbar' contains a dialog for user inputs. These user inputs are needed in component 'ResultList' for further use. ...
0
votes
2answers
63 views

Vuejs checkbox child state not updating

I'm a beginner in Vue.js and I'm stuck at this:<span>Condition</span><el-select style="width: 94%;" v-model="condition[index+1]"><el-option label="Ambient" value="Ambient"&...
0
votes
0answers
46 views

Element UI - Custom label form select component

Using the library element-ui whose documentation is here, I'd like to know wether it is possible to display a custom label once an option has been selected for a select component.In other word, is ...
0
votes
0answers
29 views

How do I make a two row layout for each item in Element UI

I have a code base that uses Element UI (why does it exist?)And I need to have a double row for each item displayed. I need my layout to look like so... R1 | col1 | col2 | col3 || ...
-1
votes
1answer
46 views

can't find icons (beginner)

I'm using ElementUI everything works fine but the icons is not showing.On my console i have an error 404 for the following urlhttp://localhost/fonts/vendor/element-ui/lib/theme-chalk/element-icons....
0
votes
1answer
33 views

Vuejs framework's elements not found

I've installed Vue.js framework called element but I'm getting this error.I'm importing all I need to index.html and Reviews.vue file which only contains:<template><div id="app"&...

153050per page
angop.ao, elkhabar.com, noa.al, afghanpaper.com, bbc.com, time.com, cdc.gov, nih.gov, xnxx.com, github.com,