🐛[修复]formItem中的下拉框组件校验边框没有标红,下拉框复选框Write operation failed: computed value is readonly警告问题

This commit is contained in:
xumi 2021-12-24 21:55:08 +08:00
parent cd37026e40
commit 0d6a30d93d
2 changed files with 12 additions and 7 deletions

View File

@ -10,7 +10,9 @@
.layui-input-block .layui-input-block
,.layui-input-inline{ ,.layui-input-inline{
.layui-form-danger { .layui-form-danger {
border-color: #ff5722 !important; &, .layui-input{
border-color: #ff5722 !important;
}
} }
} }
} }

View File

@ -49,12 +49,15 @@ const callSelectItemHandle = function(isChecked ?: boolean){
disabled : props.disabled disabled : props.disabled
}, isChecked); }, isChecked);
} }
const selected = computed(()=>{ const selected = computed({
const selectValues = selectItem.value.value; get(){
if (Array.isArray(selectValues)) { const selectValues = selectItem.value.value;
return (selectValues as any[]).indexOf(props.value) > -1; if (Array.isArray(selectValues)) {
} return (selectValues as any[]).indexOf(props.value) > -1;
return selectItem.value.value === props.value }
return selectItem.value.value === props.value
},
set(val){}
}) })
onMounted(() => selected.value && callSelectItemHandle()) onMounted(() => selected.value && callSelectItemHandle())
</script> </script>