You have tabs that are using Vue router (q-route-tab), but you haven’t gotten vue-router implemented. If you aren’t going to be building a SPA, then you can remove the QRouteTabs and just use normal tabs.

Scott

Actually, just stick with v-model and use @input to trigger what you need to do in your component. You can use the “value” given as the @input parameter to check the state of the toggle.

https://codepen.io/smolinari/pen/LYPXZJW?editors=1010

I hope that solves the predicament here.

Scott

Yeah, that’s what I wanted to make sure is missing.

In other words @Mickey58, if you use the value and @input, you are then responsible for keeping the value up-to-date.

Scott

Can you show your toggleNormkategorien method?

Scott

Hey Aldrin. He did put together a sandbox. https://codesandbox.io/s/codesandbox-app-5hxoc

Scott

The events “popup-show” and “popup-hide” have now been upgraded to proper Vue events (i.e. no longer will need the .native modifier) and they are added to the API docs. This change will be released in 1.1.3.

Scott

Needless to say, what you’ve attempted isn’t going to work (as we can see). You’re going to need to do more with the data, before it reaches QTable. I’m just trying to understand how the select is going to offer the object data as an array selection from your data.

Scott

So, which part of the data is supposed to be remapped to an array? Can you give me an example of a key in the data?

Scott

For my first question, you have a QSelect being used in your dialog, which is what you are asking about. What part of the data is that supposed to be showing a selectable and addable selection field in your dialog?

Scott

There is also vue-styleguidist. Never used it. I just found it.

Scott