小编Jor*_*dan的帖子

我需要一种快速的方法来使光标跳转到自动换行qoutes或其他语法元素之外.我不想每次都要触及我的箭头键,绝对不想去我的鼠标.

有没有一种快速简便的方法来解决我的工作流程？

我有一个可重用的组件，它是video.js视频播放器。当在初始DOM加载中传递数据时，此组件可以正常工作。

我需要弄清楚为什么在Vuex中更新状态后为什么我的组件没有重新渲染。

父组件通过prop传递视频数据。我也可以将此设置用于多个视频，并且单个或多个视频都可以正常使用。

<div v-for="video in videos" :key="video.id">
  <video-player :videoName="video.videoName" :videoURL="video.videoURL" :thumbnail="video.thumbnail"></video-player>
</div>

我正在为Vuex存储中的所有用户将初始状态设置为通用视频。

getFreeVideo: [
  {
    videoName: "the_video_name",
    videoURL:  "https://demo-video-url.mp4",
    thumbnail: "https://s3.amazonaws.com/../demo-video-poster.jpg"
  }
]

这是在数据中设置的videos （后来设置为getFreeVideo）

 data () {
   return {
     videos: []
   }
 }

我正在将videosdata（）设置为在created（）生命周期内的商店中的getFreeVideo：

    this.videos = this.getFreeVideo

..并检查用户是否有个人视频，并在created（）生命周期中更新状态。

 this.$store.dispatch('getFreeVideo', 'the_video_name')

这会向axios发出请求，并成功返回我们的视频数据。

我正在使用mapState import { mapState } from 'vuex来监视状态更改。

 computed: {
  ...mapState(['getFreeVideo'])
}

我看不到为什么this.videos不被更新。在这里，我对预期行为的假设将根据videos[]状态更改和组件的重新呈现进行更新。

如您在下面看到的，状态已更新，并且videoUpdate()计算属性内的内还具有新数据：

..但是，videos[]从来没有如此更新的视频分量从来没有得到新道具等道具..

一些注意事项：

• 已经尝试过，隐藏子组件v-if （并在状态更改后显示）
• 试图setTimeout测试事物，但数据会通过，然后videoJS播放器永远无法正确实例化（必须具有初始数据）
• 尝试使用本地方法执行此操作/不使用Vuex状态
• 控制台显示错误， …