how do i confirm an action via a button inside a custom field?

[jdion84]

i have a custom field which I am using inside of an action

from this custom field, i just want to trigger the "run action" button

heres my code that doesn't work:

<template>
    <table width="100%">
        <tr>
            <th>dealer name</th>
            <th>assign</th>
        </tr>
        <tr v-for="dealer in field.dealers">
            <td>
                {{ dealer.name }}
            </td>
            <td>
                <button type="button" v-on:click="assign(dealer.id)">assign</button>
            </td>
        </tr>
    </table>
</template>

<script>
import { FormField, HandlesValidationErrors } from 'laravel-nova'

export default {
    mixins: [FormField, HandlesValidationErrors],

    props: ['resourceName', 'resourceId', 'field'],

    methods: {
        /*
         * Set the initial, internal value for the field.
         */
        setInitialValue() {
            this.value = this.field.value || ''
        },

        /**
         * Fill the given FormData object with the field's internal value.
         */
        fill(formData) {
            formData.append(this.fieldAttribute, this.value || '')
        },

        assign(dealerId) {
            this.value = dealerId

            this.$emit('confirm');
        },
    },
}
</script>

see the assign method, when i click on the button nothing happens but i do see the event being emitted in vue dev tools

i've also tried using Nova.$emit('confirm') and if i use that, it doesn't even show an event in vue dev tools

what i want is when this button is clicked, the action is confirmed as if clicking the "run action" button

[crynobone]

#5713 (comment)

[jdion84]

i figured it out

just in case anyone needs to access an action modal via a custom field, you can use:

this.$parent.$parent.$emit('confirm')