求示例小程序源码中的可搜索实例

试了一下午就是不出来，
也是配置插件，npm install ，然后编译到uniapp。
也编译成功了，出现了search.js
使用就是不成功

<template>  
  <view>  

    <u-search :show-action="true" action-text="搜索" v-model="key" :animation="true" @search="search(key)"></u-search>  
       <mp-html ref="article" :content="html" />  

  </view>  
</template>  
<script>  
   import mpHtml from 'mp-html/dist/uni-app/components/mp-html/mp-html'  

   export default {  
     // 不可省略  
     components: {  
       mpHtml,  

     },  
    data () {  
      return {  
        html: '<div> Hello World! ',  
        ctx:{},  
        key:'',  
      }  
    },  
     onLoad () {  
          this.ctx = this.$refs.article  
        },  
    methods:{  
        search (key) {  
            console.log(key)  
          // ctx 为组件实例  

          this.ctx.search(key, true).then(res => {  
            res.highlight(1)  
            res.jump(1, -50) // 高亮第 1 个结果并跳转到该位置，偏移量 -50  
          })  
        },  
    }  
  }  
</script>

报错