Javascript 在vuejs中填写所有字段后，如何更改按钮颜色？

在用户输入所有字段后，尝试更改按钮颜色，但出现计算属性问题

newvue({
el:“#应用程序”，
数据（）{
返回{
术语：假，
全名：“”，
maxfullname:10，
手机：''，
maxmobile:10，
区域：“”，
最大面积：12，
城市：''，
马克斯城：12，
};
},
计算：{
isDisabled:函数（）{
return！this.terms | |（this.fullname.length

.register按钮{
宽度：160px；
高度：50px；
线高：50px；
文本对齐：居中；
字体大小：16px；
字号：600；
颜色：#fff；
背景色：#ee1d24；
边界半径：10px；
边缘顶部：15px；
填充：0 20px；
光标：指针；
不透明度：0.5；
显示器：flex；
证明内容：中心；
对齐项目：居中；
大纲：无；
边界：无；
}
.选定{
背景颜色：绿色；
}

我接受条件！！！
名称
可移动的
地区
城市

发送表格

newvue({
el:“#应用程序”，
数据（）{
返回{
术语：假，
全名：“”，
maxfullname:10，
手机：''，
maxmobile:10，
区域：“”，
最大面积：12，
城市：''，
马克斯城：12，
};
},
计算：{
isDisabled:函数（）{
返回！这是我的条件
||this.fullname==''
||这是我的手机
||此区域==''
||这个城市
}
}
})

.register按钮{
宽度：160px；
高度：50px；
线高：50px；
文本对齐：居中；
字体大小：16px；
字号：600；
颜色：#fff；
背景色：#ee1d24；
边界半径：10px；
边缘顶部：15px；
填充：0 20px；
光标：指针；
不透明度：0.5；
显示器：flex；
证明内容：中心；
对齐项目：居中；
大纲：无；
边界：无；
}
.选定{
背景颜色：绿色；
}

我接受条件！！！
名称
可移动的
地区
城市

发送表格

它工作正常，但在用户在每个字段中填写maxcharacters之前，只有按钮颜色应该更改。因为上面的代码maxlength条件不满足，即使我在每个字段中输入一位数，按钮颜色也会发生变化。问题是computed属性工作正常，直到用户在每个字段中填充最大字符为止。仅按钮处于启用状态。不理解。是否希望fullname的长度始终为10个字符（maxfullname）？不多不少？若我保留maxfullname=10的条件，那个么在输入10个字符后，只有按钮处于启用状态。但我需要的是，全名的maxlength应该是30个字符，即使用户输入的字符少于30个（10，5，6…等等），那个么按钮也必须启用。