Vue.js의 선택기 변경: 루프의 선택기 및 이벤트 선택기에 대해 선택한 데이터 설정

Question

vuejs에서 jq와 유사한 기능을 실행해야 합니다.

으아악

vue js에서 selected 속성을 확인하고 추가하는 방법을 모르고 사용자의 선택기가 변경될 때 사용자 ID와 선택한 옵션을 가져오는 방법을 모르기 때문에 막혔습니다.

현재 코드:

- html 
             @foreach($users as $user) 
                <td>
                    <selecter class="check-change" data-id="{{$user->id}}">
                        <opt @if($user->status == 'active') selected @endif value="active">Active</opt>
                        <opt @if($user->status == 'wait_confirm') selected @endif value="wait_confirm">Wait Confirm</opt>
                    <selecter>
                </td>`
- jq 
            `$('.check-change').on('change', function() {
                var new_value = this.value;
                -> send request update user (this.attr('data-id'))
            });

Answer 1

옵션이 변경될 때 일부 작업을 실행하려면 watcher를 사용하여 이를 달성할 수 있습니다.

으아악

첫 번째 예에서 보여준 것처럼 VSelect를 사용자 정의하려면 옵션 구성 요소를 교체할 수 있습니다. 하지만 Vuetify는 이미 활성 상태를 처리하고 있으므로 특정 디자인이 필요하지 않는 한 수정할 필요가 없다고 생각합니다.

으아악