vue-components | 使用vue2 vue-router vueX ES6 scss axios zepto | State Container library

It seems updateFn may not allow being async. Shift the async action a level up to solve the issue.

Component name of vnode won't tell much, components are already resolved at this point. VNode's element or component is stored in type property.

The problem with your approach is that render function is an alternative to component template, not a way to access the entire DOM element hierarchy. There will be no TButton child elements like div in render function, only TButton vnode itself. It needs to be rendered in order to access its children.

If TButton were someone else's component which initial behaviour needs to be modified, this could be done by adding some directive to it and accessing component's children elements.

But since TButton is your own component that can be modified to your needs, the most straightforward way is to make it change classes depending on a prop and provide this prop when it's inside TGroup, i.e.:

First, you should use the :rules system from Quasar instead of :error and @validate

Try @update:model-value instead of @change:

Vue is not string based templating engine. Of course this does not work. In cases like that (need to render component as part (or to replace part) of another component, always look for existing slots

In this case q-input has an error slot - docs. Unfortunately it is not a scoped slot (so it does not provide current error messages for example) so if you have more rules (and possible error messages to display) you will need more involved logic inside (possibly using v-if and template ref)

Note taht in order to use this slot, bottom-slots prop must be present on the q-input

Need to add connectedCallback() from the docs:

The correct answer:

On typescript instead of

Installing TS and adding tsconfig.json config file to a Vue project based on Vue CLI/Webpack is not enough as you also need to configure Webpack to correctly handle TS files or

You could update langs to include the desired values and labels: