Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/perl/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在Vue.js中将属性设置为div_Javascript_Vue.js_Attributes - Fatal编程技术网

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

Javascript 在Vue.js中将属性设置为div,javascript,vue.js,attributes,Javascript,Vue.js,Attributes,我有一个Vue文件,我想设置表单的“action”属性 <template> <div> <form> </form> </div> </template> export default { created() { var test = document.getElementById("form"); test.setAttribute('action', 'file.php')

我有一个Vue文件,我想设置表单的“action”属性

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

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

导出默认值{
创建(){
var测试=document.getElementById(“表单”);
setAttribute('action','file.php');
}
但是在生命周期挂钩中设置它是不起作用的。我应该怎么做?

两件事:

  • 挂载的
    生命周期钩子通常是您想要为组件执行初始操作的地方
  • 使用
    getElementById
    与Vue的使用方式背道而驰
  • 这样做更有意义:

    <template>
      <div>
        <form :action='action'>
        </form>
      </div>
    </template>
    
    export default {
      data() {
        return {
          action: 'file.php'
        }
      },
      mounted() {
        // initialize things here
      }
    }
    
    
    导出默认值{
    数据(){
    返回{
    操作:“file.php”
    }
    },
    安装的(){
    //在这里初始化东西
    }
    }
    
    您没有ID。您应该在Vue(绑定属性)中执行此操作,而不是直接使用DOM。是的,谢谢。这是一个不必要的问题,它成功了!谢谢。