【问题标题】:Vue.js 2/Vuex - Scrollbar just breaks for some reasonVue.js 2/Vuex - 滚动条由于某种原因而中断
【发布时间】:2017-08-28 05:12:12
【问题描述】:

在 vue.js 2 和 vuex 上构建应用时遇到了一个奇怪的问题,我无法轻松复制。

我有一个表格,我可以在其中添加和删除行。来自 Vuex 状态的行,我一直在以通常的方式提交和改变状态,它工作得很好。

但是,有时窗口滚动条会中断并停止工作,因此无法向上/向下滚动(或应用已挂起?!)。如果我刷新页面,一切都会恢复正常。

我没有收到任何错误,Vue 开发工具也没有报告任何奇怪的东西。

我在其他浏览器中也遇到了同样的问题,认为这可能与 Vue 工具有关(只是为了排除它)。

很高兴了解问题可能是什么 - 如果它与另一个库/包冲突,内存泄漏导致它冻结/挂起等。提前致谢。

这些是我的 package.json 开发/依赖项:

开发依赖:

  • "babel-preset-stage-2": "^6.22.0",
  • "bootstrap-sass": "^3.3.7",
  • “跨环境”:“^3.2.3”,
  • "font-awesome": "^4.7.0",
  • “吞咽”:“^3.9.1”,
  • “laravel-elixir”:“^5.0.0”,
  • “laravel-mix”:“^0.9.2”,
  • “守夜人”:“^0.9.13”,
  • "nightwatch-tools": "^0.1.0",
  • “硒下载”:“^2.0.9”,
  • “selenium-webdriver”:“2.44.*”

依赖关系:

  • "animate-sass": "^0.6.6",
  • “axios”:“^0.15.3”,
  • “blueimp-md5”:“^2.7.0”,
  • “引导选择”:“^1.12.2”,
  • “fecha”:“^2.3.0”,
  • “jasny-bootstrap”:“^3.1.3”,
  • “jquery”:“^3.1.1”,
  • “lodash”:“^4.17.4”,
  • “时刻”:“^2.18.1”,
  • "sweetalert2": "^6.4.2",
  • “验证器”:“^7.0.0”,
  • “vee-validate”:“^2.0.0-beta.25”,
  • “vue”:“^2.2.3”,
  • "vue-default-value": "^1.0.2",
  • “vue-loader”:“^11.1.4”,
  • “vue-localstorage”:“^0.1.3”,
  • “vue-multiselect”:“^2.0.0-beta.15”,
  • “vue-scrollto”:“^2.4.2”,
  • “vue-strap”:“github:wffranco/vue-strap”,
  • "vue-template-compiler": "^2.2.3",
  • “vue2-dragula”:“^2.4.4”,
  • "vue2-filters": "^0.1.6",
  • “vuex”:“^2.1.2”

【问题讨论】:

    标签: vuejs2 vuex


    【解决方案1】:

    我设法找出了问题所在。在模态窗口中使用 vue-strap 微调器是一个问题,并且在完成该任务后没有删除流氓“溢出-y:隐藏”,导致“禁用”滚动。

    【讨论】:

    • 我遇到了来自uiv.wxsm.space 的模态框的问题 - 我没有正确使用 v-model 绑定,并且将溢出-y 样式(通过 css 类)应用于文档正文。
    • 太棒了,感谢分享解决方案。我还不知道我的应用程序到底出了什么问题,但奇怪的是,在将数据加载到来自数据库的实体对象之后,或者在开始输入新实体之后,页面一直滚动到顶部并且“冷冻”。虽然我仍然可以使用键盘进行交互。如果我将焦点移到下方的控件,它甚至会滚动。
    猜你喜欢
    • 2014-03-17
    • 1970-01-01
    • 2019-07-29
    • 1970-01-01
    • 2020-08-09
    • 2021-11-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多