在Vue.js中将属性设置为div

Question

我有一个Vue文件，我想设置表单的'action'属性。

<template>
  <div>
    <form>
    </form>
  </div>
</template>

export default {
  created() {
    var test = document.getElementById("form");
    test.setAttribute('action', 'file.php');
  }

但是将其设置在生命周期挂钩中是行不通的。 我该怎么办？

Answer 1

几件事情：

1. mounted生命周期挂钩通常是您要执行组件初始操作的位置
2. 使用getElementById违反了应该使用Vue的方式

这样的事情会更有意义：

<template>
  <div>
    <form :action='action'>
    </form>
  </div>
</template>

export default {
  data() {
    return {
      action: 'file.php'
    }
  },
  mounted() {
    // initialize things here
  }
}