如何使用 Vue.js 更改 NUXT.js 中的元素答案

【问题标题】：How can change element in NUXT.js with Vue.js如何使用 Vue.js 更改 NUXT.js 中的元素
【发布时间】：2021-01-28 09:19:35
【问题描述】：

现在，我已经将 NUXT 与我自己的 Django 一起使用了一段时间。我想知道如何在 VUE 中为下一个视频添加一个按钮。

  <video id="movieads" class="center" width="640" controls>
  <source src="https://cdn.videvo.net/videvo_files/video/free/2013-08/small_watermarked/hd0983_preview.webm" type="video/webm">

</video>
<button v-on:click="">Next VDO</button>

在 javascripts 中我将使用 document.getElementById('movieads').src = OTHER_URL;

【问题讨论】：

标签： javascript vue.js nuxt.js

【解决方案1】：

methods: {
    Change() {
      console.log("Skip Ads");
      this.$refs.youtube.src =
        "OTHERVDO";
      console.log(this.$refs.youtube.src);
    }
  },

【讨论】：