javascript - 如何从 v-for 循环元素中获取 src
问题描述
我正在循环一个元素:
<li v-for="file in lesson.files">
<a @click="sourceReplace()" class="copied" :id="file.file_id" :src=file.src>
{{file.name}}
</a>
</li>
单击此元素时,我需要将单击的元素的 src 返回到称为链接的变量
methods: {
sourceReplace(){
var currentVideo = document.getElementById('current-video');
var currentSource = document.getElementById('current-source');
var link = this.src;
currentSource.setAttribute('src', link);
currentVideo.setAttribute('src', link);
alert(link)
currentVideo.load();
currentVideo.play();
}
},
链接返回未定义
解决方案
不知道你为什么这样做,怎么样
<li v-for="file in lesson.files">
<a @click="sourceReplace(file.src)" class="copied" :id="file.file_id">
{{file.name}}
</a>
</li>
接着
methods: {
sourceReplace(src){
var currentVideo = document.getElementById('current-video');
var currentSource = document.getElementById('current-source');
var link = src;
currentSource.setAttribute('src', link);
currentVideo.setAttribute('src', link);
alert(link)
currentVideo.load();
currentVideo.play();
}
},
推荐阅读
- javascript - 使用 php 从数据库中获取带引号或撇号的字符串,使用 json_encode,然后尝试在 javascript 中解析 JSON
- c++ - 如何使用 C/C++ 和 SDL2 将文件字体加载到 RAM 中?
- c++ - 为什么包装 setMouseCallback 会导致 Mat 对象为空?
- dart - 可以在同一个类中定义普通和常量构造函数吗?
- javascript - 嵌套数组未返回预期值
- webpack - 如何在 Webpack 构建期间评估 Node 脚本并使其内容可用于编译的代码?
- python - 为什么我在使用 selenium 时只获得首页数据?
- html - 在 Bootstrap 中,如何让我的文本左对齐?
- python - PYOMO:如何创建约束松弛?(从 Pyomo 中的 CPLEX 重写约束)
- bash - 无法删除目录的符号链接