How to apply dynamic form validation using vuejs - vue.js

I need help how to apply form validation in dynamic form using vue js

I suppose you are new to VueJS. Vue has a plugin vuelidate for dynamic validations for your forms. Kindly check the link below
https://vuelidate.js.org/#sub-installation

Related

Pass some query params with Vue

we are trying to use Dexie with Vue. We are loading some table data into the Vue component and we would like to sort it by clicking on the column. We are having problems with changing sort order in livequery. We found a solution for an Angular (https://dexie.org/docs/Tutorial/React#6-pass-some-query-params) but we can't find the same for Vue. Can you please send some light into this case?
Thank you.

How to use existing cumulocity widget in custom widget

I created a custom widget using angular 10, Now I wanted to add a datapoint list in the configuration(edit) and access it
I am using c8y-data-point-list directive but my angular application not able to find this selector/associated component.
so my first question is how to use the existing angularJs component in angular? how to import it?
is it possible?
I also want to use more widget in a custom widget from ng1-module, how to achieve it?
c8y-data-point-list is not in the official list of cumulocity components, so it's not possible to use it.
Also the highest version of angular would be the 8th, as they currently only support it and still use angularJS components.

Unable to get VeeValidate 3.x working with a custom component using VueSelect

This is the code: https://codesandbox.io/s/veevalidate-with-vueselect-13g9d
I'm using a custom component because I want to override a couple of slots in VueSelect. I'm using the ValidationProvider but that doesn't seem to be working.
I've looked for help but only found examples using VeeValidate 2.x.
I've figured out how it works. By default, VeeValidate validates the input only after the blur or input events on the child elements of ValidationProvider. If you want it to validate on custom events, you can implement a custom mode for the custom component and specify the mode attribute on the ValidationProvider.
For example: https://codesandbox.io/s/veevalidate-with-vueselect-13g9d (my updated codesandbox link).

How to create a reusable checkbox component using Angular 8?

I'm trying to create a reusable checkbox component with Angular 8, using the CheckboxControlValueAccessor. I can't understand what should I write in the "writeValue" and "onChange" functions, so that the value of the checkbox will get "checked" on each click.
Already manage to create reusable input component with ControlValueAccessor and Validator.

yii2 dynamic-form do not create kartik Select2 events

I created a dynamic form using Yii2 dynamic-form that contains kartik Select2 widget which has select2:select in pluginEvents property.
The dynamic form create normally the fields with their attributes. However, the jquery event are not created.
I solved the problem by registering select2 event using kvListenEvent().
I placed the registration on afterInsert() yii2-dynamic-form event.