Anonymous component in vue dev tool
AmirRezaM75 opened this issue · 2 comments
AmirRezaM75 commented
Problem:
I don't know why but my modal renders outside of my vue root element (#app).
every functionality woks fine.
Code:
Here is my setup:
app.js
Vue.use(VueJSModal, {
dynamicDefaults: {
height: "auto",
adaptive: true
}
});
How I call it:
this.$modal.show(ReplyModal,{}, { name: "create-reply"});
ReplyModal.vue
<template>
<div class="v--modal-box v--modal conversation-modal">
// my content
</div>
</template>
<script>
export default {
name: "ReplyModal",
props: ['reply'],
//reset of code
Version:
"vue-js-modal": "^2.0.0-rc.6",
screenshots:
Is there any misconfiguration?
AmirRezaM75 commented
I wasn't declare <modals-container/>
in my master page
rudolfbruder commented
@AmirRezaM75 How did you added to the master page (layout). We are using laravel and it is creating second vue app for us in the dev tools. Thanks