美文网首页VUE
vue (记录遇到的问题)

vue (记录遇到的问题)

作者: 念灬 | 来源:发表于2019-05-07 11:40 被阅读0次
    • 切换路由后滚动条位置不在顶部
     scrollBehavior: () => ({ y: 0 }), //路由跳转后页面回到顶部 routes: [])
    

    不生效的情况下

    watch: {
     $route() {
       // 修改切换路由后的滚动条位
       this.$refs.app.scrollTo(0,0)
      }
    },
    

    监听路由切换设置#app 距离顶部的位置

    • this 不指向vue的时候 定义变量指向vue
    let vue = {};
    export default {
      data() {
        return {
          vm: {}
        }
      },
      beforeCreate() {
        vue = this
      },
      created() {
        this.vm = vue
      }
    }
    
    • 手机号限定
    watch:{
          phone(newV,oldV){
            // 判断输入的手机号是否为数字
            if(isNaN(newV)){
              this.phone = oldV
            }
          }
        }
    
    • swiper 无限循环失效

    判断请求数据返回后在执行渲染

         v-if="数据.length
    

    相关文章

      网友评论

        本文标题:vue (记录遇到的问题)

        本文链接:https://www.haomeiwen.com/subject/iwceoqtx.html