Comments (6)
@thekordy Not at the moment. I have an idea about this but still haven't had time to work on it.
from vuetable-2.
What about something like that?
// Vuetable.vue L.50
<component @CustomAction:action-item="fireEvent" :is="extractArgs(field.name)" :row-data="item"></component>
and then i can emit it in the custom action component
Vue.component('custom-actions', {
...
methods: {
onClick: function (action, data) {
this.$emit('CustomAction:action-item', 'action', {action: action, data: data});
},
}
and register it in the vuetable directive
<vuetable ref="vuetable"
...
@vuetable:action="onActions"
></vuetable>
I then receive it in the Vue instance
onActions(data) {
if (data.action == 'delete') {
this.deleteAction(data.data);
}
},
Or do you think there is a better way to register the custom event?
from vuetable-2.
@thekordy It's already working for event, no modification to vuetable-2 template for that.
You just have to make your component emit the event on the $parent
(which is vuetable-2) by changing this:
this.$emit('CustomAction:action-item', 'action', {action: action, data: data});
to this:
this.$parent.$emit('CustomAction:action-item', 'action', {action: action, data: data});
then, you can capture the event in the main vue instance, like so
<vuetable ref="vuetable"
...
@CustomAction:action-item="onActions"
></vuetable>
Passing additional option to the custom component is the real problem here that I'm thinking about.
from vuetable-2.
if i use three vuetbale , only one onActions is work, What's the matter?
from vuetable-2.
@18979687252 I don't see you code so I can't really tell if you did it correctly or not. You can open a new issue and put some of your code. That will make it easier to discuss and work on.
from vuetable-2.
@ratiw Thanks a lot 👍
from vuetable-2.
Related Issues (20)
- Please update axios version dependencies
- Vuetble-2 Pagination not working from page-2
- crypt online
- VuetableFieldCheckbox not found on library
- Sorting without API that supports sorting HOT 1
- Vuetable-2 Master Detail View
- No rowdata are available in data-item on checkbox-toggled method.
- How to disable checkboxes in vuetable in vue js.
- detail-row-component, data structure from @vuetable:cell-clicked event is changed?
- Add a possibility to remove sort for a field
- "formatter" not "format" in https://ratiw.github.io/vuetable-2/#/Callbacks
- Feature Request: Close other open details on open - like acrodion
- initial-page not working
- HOW UPDATE TABLE WITH dataManager
- The project is alive? HOT 2
- did this project die?
- calling api in component field error with pagination
- Multiple sort column field
- Prev and Next Buttons
- How to show image in vue-table in columns
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vuetable-2.