[TOC] ## 概述 如果子组件有一个 focus(),可以通过 ref 触发 实例 ``` //base-input子组件页面 <template> <view> <input :focus="isFocus" type="text" placeholder="请输入内容" /> </view> </template> <script> export default { name:"base-input", data() { return { "isFocus":false }; }, methods:{ focus(){ this.isFocus = true } } } </script> ``` ``` //index 父组件页面 <template> <view> <base-input ref="usernameInput"></base-input> <button type="default" @click="getFocus">获取焦点</button> </view> </template> <script> export default { methods:{ getFocus(){ //通过组件定义的ref调用focus方法 this.$refs.usernameInput.focus() } } } </script> ```