Vue开发小记

怎么在v-html中使用filter

平时一般都是在插值表达式中用|隔开来使用filter过滤器，在工作中遇到过需求在v-html中使用filter

v-html="$options.filters.filterName()"

Vue路由参数改变,重新刷新页面的方法

遇到一个需求，列表页有一个检索，带着参数跳转到检索页，然后在mounted里请求的数据。然后在检索页点击搜索的时候带着参数跳同一个路由页面；
但是并不会请求（不会重新走mounted），所以用这几种方法可解决。

• beforeRouteUpdate(to,from,next){}

  beforeRouteUpdate(to,from,next){
      let id = to.query.id
      this.fun(id)
      next()
  }

• 添加key

  在变化的路由视图router-view上加上:key=’$route.fullPath’即可。

• 监听路由

  watch:{
      $route:(newV,oldV)=>{
          doSomeThing...
      }
  }