javascript - 如何在vuejs中的表单操作url中传递变量

我试图在表单操作中传递变量 url，但无法使用以下代码执行此操作:

<form action="${url}/auth/login_student" method="POST">
....</form>

编辑: 并在脚本标签中

<script>

export default {
  data() {
    return{
        url: process.env.VUE_APP_URL
    }
  }
}
</script>

我正在从 .env 导入 URL，该 URL 位于hirerachy 中此文件上方的 2 个文件夹中但它显示 process.env.VUE_APP_URL 未定义

我的.env文件代码:

VUE_APP_URL=http://localhost:5000

最佳答案

您必须使用v-bind将 action 设置为 JavaScript 表达式。然后您可以使用 template string .

<form :action="`${url}/auth/login_student`" method="POST">
      ^        ^                         ^

关于javascript - 如何在vuejs中的表单操作url中传递变量，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/70016816/

相关文章：

javascript - CoffeeScript 中的 n 元 curry