Ich muss JQ-ähnliche Funktionen in VueJS ausführen:
- 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
Ich stecke fest, weil ich nicht weiß, wie ich das überprüfte Attribut in vue js überprüfen und hinzufügen soll oder wie ich die Benutzer-ID und die ausgewählte Option erhalten kann, wenn sich der Selektor des Benutzers ändert.
Aktueller Code:
const items_status = [ { state: 'Active', abbr: 'active', }, { state: 'Wait Confirm', abbr: 'wait_confirm', } ]; const selectedOption = ref({ state: 'Wait Confirm', abbr: 'wait_confirm', })
如果你想在选项改变时触发某些操作，那么你可以使用一个watcher来实现：
setup() { const options = [ ... ]; const selectedOption = Vue.ref({ ... }); Vue.watch(selectedOption, () => { // selectedOption 改变了 }); return { options, selectedOption }; }如果你想自定义 VSelect，就像你在第一个例子中展示的那样，那么你可以替换选项组件。但是我相信 Vuetify 已经处理了活动状态，所以除非你需要特定的设计，否则不需要修改它。