Vue-Web窗体上的V-Bind禁用属性复选框控制

Question

我有以下代码：

JS Vue

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

网络表单

<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 is stripping the "V-Bind" from the rendered "input" control。我希望能够将Vue的V-Bind用于“ asp：CheckBox”控件，该怎么办？

更新1

假设我可以使用一些sort of custom library（带有“自定义”（Custom））复选框，或者创建自己的复选框，但这仍然可以解决。我真正想看到的是一种防止Webforms“剥离服务器控件的属性”的方法。