美文网首页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 (记录遇到的问题)

    切换路由后滚动条位置不在顶部 不生效的情况下 监听路由切换设置#app 距离顶部的位置 this 不指向vue的时...

  • Vue开发知识

    主要记录一些Vue开发过程中遇到的问题

  • Vue填坑记录

    记录使用Vue 2.6.11过程中遇到的一些问题及其解决办法 vue和vue-template-compile的版...

  • Vue-cli 踩坑

    记录Vue-cli时遇到的问题,方便大家寻找 搭建 如果遇到网络问题使用阿里镜像 npm config set r...

  • vue spa预渲染

    本文主要用于记录在单页面SEO优化中遇到的问题 技术栈:vue-cli webpack vue-meta-info...

  • vue-fullpage.js 运行报错

    记录使用vue-fullpage.js遇到的问题。 github地址:https://github.com/alv...

  • vite + vue3多页面配置记录references,loa

    目的:使用vite创建vue3项目记录细节点 上篇vue2/vue3 + webpack多页面遇到的问题和思考[h...

  • Element UI 按需引入

    之前遇到过这个问题,参考了一些别人的博客之后,解决了。记录一下解决过程 环境@vue/cli 4.2.3 vue ...

  • Vue1.x 迁移 Vue2.x 实战

    本篇文章记录了完整的前端 Vue1.x 项目迁移至 Vue2.x 的步骤和遇到的问题。并且在迁移的过程也对Vue进...

  • vue打包好遇到的问题记录

    我是用HBuilder打包好,转成app的, 遇到如下问题1:打开手机基座,空白页解决方法:assetsPubli...

网友评论

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

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