如何在 vue js 中的 razor 元素内使用 'v-for' 对象

Question

在我的代码中有一个循环，里面有一个 <a> 标签；我想通过使用基于服务器的代码函数生成它的 link；我的部分代码：

                <div v-for="file in fileList">
                    <div class="badge">
                        <a href="@Web.CreateDownloadLink(file,false)" target="_blank"><i class="fa fa-cloud-download"></i> {{file.name}}</a>
                    </div>
                </div>

有什么办法吗？

Answer 1

您可能知道客户端浏览器上 javascript、javascript 运行之前的服务器代码运行。因此，当您的基于服务器的代码运行s 时，它会将所有 javascript 代码视为静态文本。

一个可能的解决方案： 是你做一个正常的 javascript 函数调用 RESTful API 创建一个 link 并发回。

如何在 vue js 中的 razor 元素内使用 'v-for' 对象

How use 'v-for' object inside razor element in vue js

razor

vue.js