跳到主要内容

常见问题解答

${...} 变量如何使用?

placeholdermessage这两个属性中可以使用${...}变量来替换文本。
【使用示例二】中,配置了title名称的一列,而placeholder配置成了请输入${title},那么最终显示效果为请输入名称
这就是${...}变量的使用方式,在${}中可以使用的变量有titlekeydefaultValue这三个属性的值。

方法如何调用?

在[【使用示例四】]四demo.md#示例三)中,设定了一个ref="tableRef"的属性,并且再setup方法中定义了const tableRef = ref<JVxeTableInstance>()(该属性必须返回), 那么在vue中就可以使用tableRef.value获取到该表格的实例,并调取其中的方法。
假如我要调用add方法,就可以这么写:tableRef.value.add()

如何获取表单的值?

使用getTableData()方法进行获取,详见【使用示例三】

如何进行表单验证?

在获取值的时候默认会进行表单验证操作,用户在输入的时候也会对正在输入的表单进行验证,只要配置好规则就可以了。如果要主动进行表单验证,请看【使用示例三】

如何添加或删除一行?

该功能已封装到组件中,你只需要将toolbar设置为true即可,当然你也可以在代码中主动调用新增或删除方法,具体见方法介绍。

为什么有时候会白屏或滚动条位置归零?

很有可能是你使用了ATab或其他相同的组件导致的。
在ATab组件中确实会导致滚动条位置归零,且不会触发onscroll方法,所以无法动态加载行,导致白屏的问题出现。
这个问题已经在内部监听自动处理了,如果还会出现该问题,可能是其他组件导致的,可以在变动时调用resetScrollTop()方法即可。