diff --git a/docs/markdown/quickstart.zh-CN.md b/docs/markdown/quickstart.zh-CN.md index 1aef42f6d..8efe71805 100644 --- a/docs/markdown/quickstart.zh-CN.md +++ b/docs/markdown/quickstart.zh-CN.md @@ -189,3 +189,28 @@ iPhone X 等机型底部存在底部指示条,指示条的操作区域与页 ``` + +### 组件实例方法 + +Vant 中的许多组件提供了实例方法,调用实例方法时,我们需要通过 [ref](https://cn.vuejs.org/v2/api/#ref) 来注册组件引用信息,引用信息将会注册在父组件的`$refs`对象上。注册完成后,我们可以通过`this.$refs.xxx`访问到对应的组件实例,并调用上面的实例方法。 + +```html + + + 复选框 + +``` + +```js +export default { + data() { + return { + checked: false + }; + }, + // 注意:组件挂载后才能访问到 ref 对象 + mounted() { + this.$refs.checkbox.toggle(); + } +} +```