Как внедрить в Yii2 поле ActiveForm — директивы, бинды и пр. от Vue.js?

Question

[Роми]

Например я хочу сделать disabled инпут

<?= $form->field($model, 'someinput')->textInput() ?>

в зависимости от значения js-переменной disableSomeinput в Vue.js

data() {
            return {
                disableSomeinput: true,
            }

что и куда писать?

как туда v-show например поместить или v-if и пр.

Или как вообще это делается-то по уму? Я про внедрение Vue.js в Yii2-формы?

* Vue.js уже подключен через CDN - работает нормально, т.е. вне ActiveForm все отображается как положено.

Comments

[Роми]

исследую методом тыка ))

напр. такое работает:

<?= $form->field($model, 'someinput')->textInput(['v-show' => 'switcher']) ?>

т.е. директива v-show работает ожидаемым образом

хотя как провернуть этот трюк с disabled пока непонятно

[Роми]

По идее, можно наверное попробовать через обертки сделать - но это же костыли будут?

Хотя, тема эта изначально костыльная )))

Но очень уж не хочется с pjax и jquery работать )))))))

Answer 1

[Роми]

В общем, пока сделал так:

<template v-if="disableSomeinput">
        <?= $form->field($model, 'someinput')->textInput(['disabled' => 'disabled']) ?>
    </template>
    <template v-else>
        <?= $form->field($model, 'phone')->textInput() ?>
    </template>

работает, хоть и выглядит кривовато =)