常见问题解答
${...}
变量如何使用?
在placeholder
和message
这两个属性中可以使用${...}
变量来替换文本。
在【使用示例二】中,配置了title
为名称
的一列,而placeholder
配置成了请输入${title}
,那么最终显示效果为请输入名称
。
这就是${...}
变量的使用方式,在${}
中可以使用的变量有title
、key
、defaultValue
这三个属性的值。
方法如何调用?
在[【使用示例四】]四demo.md#示例三)中,设定了一个ref="tableRef"
的属性,并且再setup方法中定义了const tableRef = ref<JVxeTableInstance>()
(该属性必须返回),
那么在vue中就可以使用tableRef.value
获取到该表格的实例,并调取其中的方法。
假如我要调用add
方法,就可以这么写:tableRef.value.add()
如何获取表单的值?
使用getTableData()
方法进行获取,详见【使用示例三】
如何进行表单验证?
在获取值的时候默认会进行表单验证操作,用户在输入的时候也会对正在输入的表单进行验证,只要配置好规则就可以了。如果要主动进行表单验证,请看【使用示例三】
如何添加或删除一行?
该功能已封装到组件中,你只需要将toolbar
设置为true
即可,当然你也可以在代码中主动调用新增或删除方法,具体见方法介绍。
为什么有时候会白屏或滚动条位置归零?
很有可能是你使用了ATab或其他相同的组件导致的。
在ATab组件中确实会导致滚动条位置归零,且不会触发onscroll
方法,所以无法动态加载行,导致白屏的问题出现。
这个问题已经在内部监听自动处理了,如果还会出现该问题,可能是其他组件导致的,可以在变动时调用resetScrollTop()
方法即可。