Параметры списка раскрывающегося списка изменяются при нажатии кнопки (VueJS & Laravel 6)

Question

Я хочу внести изменения в параметры раскрывающегося списка при нажатии кнопки в форме.

У меня есть форма с 3 кнопками (Бухгалтерия, Отдел и Касса)

Я хочу, чтобы в раскрывающемся списке транзакций менялись параметры в зависимости от выбранного отдела.

У меня уже есть этот массив JSON для каждого отдела:

Когда я нажимаю кнопку, опция тоже меняется в моем раскрытие транзакции. Например, если я щелкну по регистратору, в раскрывающемся списке будут доступны только параметры регистратора.

На данный момент это мой vue скрипт для извлечения массивов для опций:

 <script>
    const app = new Vue({
        el:'#transactions',
        data:{
            trans:{}

        },
        mounted(){
            this.getTrans();
        },
        methods:{
            getTrans(){
                axios.get('http://localhost/dqrs/api/transactions')
                .then((response)=>{
                    this.trans=response.data
                    console.log(this.trans.acc);
                })

                .catch(function (error){
                    console.log(error);
                });
            }

        }
    })
</script>

И я просто хочу спросить, правильно ли это для получения моих значений для транзакции: