🐛[修复]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,10 +10,12 @@
.layui-input-block .layui-input-block
,.layui-input-inline{ ,.layui-input-inline{
.layui-form-danger { .layui-form-danger {
&, .layui-input{
border-color: #ff5722 !important; border-color: #ff5722 !important;
} }
} }
} }
}
.layui-error-message { .layui-error-message {
color: @error_color; color: @error_color;

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({
get(){
const selectValues = selectItem.value.value; const selectValues = selectItem.value.value;
if (Array.isArray(selectValues)) { if (Array.isArray(selectValues)) {
return (selectValues as any[]).indexOf(props.value) > -1; 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>