现场电子邮件:
<TKEntityProperty v-tkDataFormProperty name="email" displayName imageResource="res://user" hintText="Email" index="0">
<TKPropertyEditor v-tkEntityPropertyEditor type="Email">
<TKPropertyEditorStyle v-tkPropertyEditorStyle labelWidth="4" />
</TKPropertyEditor>
<TKEmailValidator v-tkEntityPropertyValidators errorMessage="Invalid email"></TKEmailValidator>
</TKEntityProperty>
可以在 Nativescript 上的 RadDataForm 中设置 autocapitalizationType="none"吗?
最佳答案
截至今天,它是 open feature request ,您可能想对该问题进行投票并进行跟进。
您仍然可以访问 native 编辑器对象并关闭自动大写。
<template>
<Page class="page">
<ActionBar title="Home" class="action-bar" />
<RadDataForm :source="person" @editorUpdate="onEditorUpdate">
<TKEntityProperty v-tkDataFormProperty name="email">
<TKPropertyEditor v-tkEntityPropertyEditor type="Email">
<TKPropertyEditorStyle v-tkPropertyEditorStyle />
</TKPropertyEditor>
</TKEntityProperty>
</RadDataForm>
</Page>
</template>
<script>
import Vue from "nativescript-vue";
import RadDataForm from "nativescript-ui-dataform/vue";
Vue.use(RadDataForm);
import * as application from "tns-core-modules/application";
export default {
data() {
return {
person: {
email: ""
}
};
},
methods: {
onEditorUpdate: function(args) {
if (args.propertyName === "email") {
if (application.ios) {
args.editor.editor.autocapitalizationType =
UITextAutocapitalizationType.None;
}
}
}
}
};
</script>
我相信您的问题应该只出现在 iOS 上,Android 上默认为小写。
关于nativescript - 字段电子邮件中的 RadDataForm 小写,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56423436/