![]() |
1
48
注意:在这个答案的底部,请参阅我关于Vue的更新/反应性问题的一般观点。 现在,关于这个问题, 根据您发布的代码 ,考虑到模板:
它选择
虽然它从初始化
解决方案:
您已经在中映射了状态
使用它:
更新时间:
这还不够
如果要自动更新
然后继续使用
Vue反应性如果您的状态没有在视图中得到更新,则可能您没有在最佳状态下探索Vue:
请参见下面演示中的注释。或打开 same demo in a JSFiddle here 。
要掌握Vue的这一部分,请检查 Official Docs on Reactivity - Change Detection Caveats 。这是一本必读的书! |
![]() |
2
3
原来整个问题都是关于视频的。js。我有点想删除这个问题,但我不希望任何帮助过我的人失去任何分数。 这里的解决方案和输入确实有助于重新思考我对观察者的使用,或者我是如何尝试这样做的。我现在只使用了中央存储,因为它工作得很好,但这需要稍后进行重构。 我不得不放弃使用视频。js目前只是一个播放器,而一个普通的html5视频播放器工作起来没有问题。 |
![]() |
3
2
如果模板代码中的某个地方未引用计算属性(例如“使用”),vue将跳过该属性的反应性。 首先,您构建存储和状态属性的方式有点混乱。 我会: 1) 在商店状态下拥有“视频”属性 2) 将其初始化为空数组 3) 在应用程序启动时,使用“加载”默认值正确填充它,并使用将“默认”视频推送到其中的变体
4) 拥有组件
5) 无论何时加载“更新”可能视频的组件,都会调度该操作并调用相应的变体来替换存储“视频”属性
注意:如果组件可以有不同的“默认”视频,那么您可能需要
我的意思是,对于第一种情况
} 个人:给他们起个更好的名字,第一个选择是最清楚的 |
![]() |
Alocus · 在Vuejs组件中使用videojs vr 7 年前 |
![]() |
xendi · Videojs响应灯箱不工作 7 年前 |
![]() |
SeaBass · 如何使用videojs播放列表? 7 年前 |
![]() |
mdash1 · 使用props从子类访问/更改父类状态(React) 7 年前 |
![]() |
Abanoub · videojs多种音频语言 7 年前 |
![]() |
Swap · 向Polymer添加外部JS库 8 年前 |
![]() |
user2832704 · Video.js自动加载字幕/字幕 11 年前 |