Vue - Отключенный атрибут V-Bind в элементе управления Webforms

Question

У меня есть следующий код:

JS Vue

new Vue({
    el: '.XXX',
    data: {},
    computed: {
        disableCbInScreens: function () {               
            return true;
        }
    }
});

Webforms

<asp:CheckBox ID="test" runat="server" v-bind:disabled="disableCbInScreens" />
<input ID="test2" v-bind:disabled="disableCbInScreens" type="checkbox" />

Серверная сторона C #

test.Attributes["v-bind:disabled"] = "disableCbInScreens";

Этот первый флажок отключен, второй нет, Webforms удаляет "V-Bind" из обработанного элемента управления "input" ,Я хотел бы иметь возможность использовать V-Bind Vue для элемента управления "asp: CheckBox", как я могу это сделать?

Обновление 1

Предположим, я мог бы использовать некоторые сортировкипользовательской библиотеки , с флажком «Пользовательский», или создайте свою собственную, но это все еще своего рода обходной путь.То, что я действительно хотел бы видеть, - это какой-то способ не допустить того, чтобы Webforms «удалили атрибуты для серверных элементов управления».