Je dois exécuter des fonctionnalités de type jq dans vuejs :
- html @foreach($users as $user)` - jq `$('.check-change').on('change', function() { var new_value = this.value; -> send request update user (this.attr('data-id')) }); status == 'active') selected @endif value="active">Active status == 'wait_confirm') selected @endif value="wait_confirm">Wait Confirm
Je suis bloqué parce que je ne sais pas comment vérifier et ajouter l'attribut vérifié dans vue js ou comment obtenir l'identifiant utilisateur et l'option sélectionnée lorsque le sélecteur de l'utilisateur change.
Code actuel :
const items_status = [ { state: 'Active', abbr: 'active', }, { state: 'Wait Confirm', abbr: 'wait_confirm', } ]; const selectedOption = ref({ state: 'Wait Confirm', abbr: 'wait_confirm', })
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Si vous souhaitez déclencher une action lorsque l'option change, vous pouvez utiliser unwatcherpour y parvenir :
setup() { const options = [ ... ]; const selectedOption = Vue.ref({ ... }); Vue.watch(selectedOption, () => { // selectedOption 改变了 }); return { options, selectedOption }; }Si vous souhaitez personnaliser VSelect, comme vous l'avez montré dans votre premier exemple, vous pouvez remplacer le composant options. Mais je pense que Vuetify gère déjà l'état actif, il n'est donc pas nécessaire de le modifier, sauf si vous avez besoin d'une conception spécifique.