RadDataForm nativescript vue显示/隐藏密码

这部分代码的格式为：

<RadDataForm id="loginForm" ref="loginForm" :source="user">
  <TKEntityProperty v-tkDataFormProperty name="password" displayName imageResource="res://lock" hintText="Password" index="0">
    <TKPropertyEditor v-tkEntityPropertyEditor type="Password">
      <TKPropertyEditorStyle v-tkPropertyEditorStyle labelWidth="4" />
    </TKPropertyEditor>
  </TKEntityProperty>
</RadDataForm>

需要附加图标/图像可以点击显示/隐藏密码

如果我没有错的话，在最新版本的nativescript ui数据表单插件（从今天的v4.0.0开始）中还没有作为Vue指令公开

因此，您必须首先将其与RadDataForm一起注册，可能类似于

import Vue from 'nativescript-vue';
import * as RadDataFormModule from "nativescript-ui-dataform";

import RadDataForm from "nativescript-ui-dataform/vue";
Vue.use(RadDataForm);

Vue.registerElement("TKCustomPropertyEditor", function () {
    return RadDataFormModule.CustomPropertyEditor;
});

现在只需使用

TKCustomPropertyEditor

而不是

TKPropertyEditor

        <TKEntityProperty v-tkDataFormProperty name="password">
            <TKCustomPropertyEditor v-tkEntityPropertyEditor
                @editorNeedsView="onPasswordEditorNeedsView">
            </TKCustomPropertyEditor>
        </TKEntityProperty>

---

现在，您可以在文档中描述的

editorNeedsView

事件上创建和分配您喜欢的视图。

我认为如果您为此引入一个自定义编辑器会更容易，可能是一个文本字段和图像，用GridLayout包装。可以用自定义编辑器解释nativescript vue的结构吗？