Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

toast won't show #247

Closed
mech01nc01 opened this issue Jul 12, 2021 · 1 comment
Closed

toast won't show #247

mech01nc01 opened this issue Jul 12, 2021 · 1 comment

Comments

@mech01nc01
Copy link

Hello,

refering to #146

i have the following setup:

main:

import Toast, { useToast } from "vue-toastification";
import "vue-toastification/dist/index.css";
App.use(Toast);

functions.js:

import { useToast } from "vue-toastification";
Vue.config.globalProperties.$myFunctions= new () => {
  this.toast=useToast();
}

as in #146 i should be able to use your plugin i think although it is outside vue-context ... but no toast shows up
i CAN call toast('test') or toast.success('test'); and i get an id back
also i can see in vue dev-tools as separate app VueToastification and i also see in data.toasts an object with indexed toast-objects in it, but no toast will show? (toastArray and filteredToasts are also filled, but "count" is always 0)

what i've seen, maybe not the issue because the issue will be my skill :) but:

<Toast v-for="toast in getPositionToasts(pos)"

where getPositionToasts is a method, so ithink the view wont get updated because getPositionToasts is called once, it may should be a computed property?

may havesomeone an idea why it is not woorking for me?

@mech01nc01
Copy link
Author

ok its working ....
if you use Vue3-Migration-Build, use:

configureCompat(
{
	RENDER_FUNCTION: false,
});

otherwise it won't work

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant