Currently val returns an array of the selection. But I need to attach an additional parameter as an ID for the selection. Like so:
@selection-change="tableSelection(whateverValNeeds, data.id)"
Looks like val returns an array of all the data in the selected rows which is fine but how do I access this data in @selection-change so I can manually tell it to do so?
hey all! need desperate help with an issue I'm experiencing using el-select with objects as values. for some reason, even though I have provided a value-key to indicate the unique property on each object, the dropdown shows every option as active and the select display shows the last label in the list...even though the v-model is working and the actual functionality is fine
template: https://pastebin.com/fXdS2dZ4
the objects look like this: { Name: string, id: string } where id is a unique string.
link to a screen shot of the issue: https://www.dropbox.com/s/r4vycrx5hq0asas/Screen%20Shot%202020-02-06%20at%2012.10.24%20PM.png?dl=0
Hi, everyone, I have a question about el-date-picker’s disabledDate.
I would like to know how to execute disabledDate just after users choose a date in the first choice.
If users choose the future date in choice, I would like to disable the date before today(So users can choose only the date before today in seconde choice)
I need help.
I am using Laravel and trying to use custom theme but cant achieve it
In the app.js I have following:
window.ElementUI = require('element-ui');
import '../sass/element-variables.scss';
Vue.use(ElementUI);
the element-variables.scss contains following:
/ theme color /
$--color-primary: #72C02C;
//If I import this, it goes in the first <style> tag but then is ovverriden by the default theme again
//@import '~element-ui/lib/theme-chalk/index.css';
How I can override the default theme
hello, i have a form with two el-autocomplete inputs. both of them have validation rules but only the first is validated and therefore it marks the form as valid even though the second one has no content.
here is my markup:
el-form(ref="labelForm" :inline="true" :model="labelFormData" :rules="labelFormRules" @submit.native.prevent.stop="addFilter")
el-form-item(prop="labelKey")
el-autocomplete(v-model="labelFormData.labelKey" placeholder="name" #prefix :fetch-suggestions="labelKeyAutocomplete")
el-form-item(prop="labelValue")
el-autocomplete(v-model="labelFormData.labelValue" placeholder="value" #prefix :fetch-suggestions="labelValueAutocomplete")
el-form-item
g-button(type="primary" native-type="submit") Addcan someone tell me whats going on and how to fix that? both inputs just have the required rule. if i switch the order of the inputs in the markup, then the other one gets validated. so only the first in the markup gets validated and the second one is ignored.
key prop to each form with the same name as the ref and that worked
https://github.com/ElemeFE/element/pulse/monthly
<el-form-item label="Your Address" prop="address" required>
<vue-google-autocomplete
v-model="business.address"
id="map"
ref="address"
classname="form-control el-input__inner"
placeholder="Please type your address"
@placechanged="getAddressData"
required
/>
</el-form-item>
