html页面加载完取不到id,在 vue外部js中使用document取不到div的id,请教各位

html:

content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"

name="viewport">

href="../../plugins/jqgrid/ui.jqgrid-bootstrap.css">

href="../../plugins/ztree/css/metroStyle/metroStyle.css">

.detailsDiv{

background-color:#fff;

}

.page_lable_class{

margin-top:8px

}

.layer_div_class{

margin-top:10px;

margin-bottom:10px;

}

.div1{

padding-top: 20px;

width:100%;

padding-left: 100px;

}

.div2{

display: inline-block;

}

.div3{

display: inline-block;

padding-left: 250px;

}

v-model="meta_system.metaName" @keyup.enter="query"

placeholder="元数据名称">

查询

v-if="hasPermission('generator:metasystem:save')"

class="btn btn-primary" @click="add"> 新增

class="btn btn-primary" @click="update">

class="fa fa-pencil-square-o"> 修改

v-if="hasPermission('generator:metasystem:delete')"

class="btn btn-primary" @click="del"> 删除

{{title}}

• href="#standardinfo" target="contentFrame" aria-controls="repeat"

  data-toggle="tab">基本信息

• href="#onlyOne" target="contentFrameonly" aria-controls="onlyOne"

  data-toggle="tab">关系配置

元数据类型 : *

数据对象名称 : *

v-model="metaSystem.metaName" placeholder="请填写元数据名称" />

数据对象代码 : *

v-model="metaSystem.metaCode" placeholder="请填写元数据代码" />

父对象 :

注:有*标识的为必填信息

str1:

str2:

str3:

str4:

str5:

str6:

str7:

str8:

str9:

str10:

str11:

str12:

str13:

str14:

str15:

str16:

str17:

str18:

str19:

str20:

str21:

str22:

str23:

str24:

str25:

str26:

str27:

str28:

str29:

str30:

str31:

str32:

str33:

str34:

str35:

str36:

str37:

str38:

str39:

str40:

value="确定" />   

class="btn btn-warning" @click="reload" value="返回" />

元数据名称

readonly="readonly" type="text" class="col-sm-8 form-control"

id="metaNameIdLayer" v-model="metaSystemLayer.metaName">

元数据类型

class="col-sm-8 form-control" id="metaTypeIdLayer"

v-model="metaSystemLayer.typeName">

元数据路径

readonly="readonly" type="text" class="col-sm-8 form-control"

id="namespaceIdLayer" v-model="metaSystemLayer.namespace">

元数据代码

readonly="readonly" type="text" class="col-sm-8 form-control"

id="metaCodeLayer" v-model="metaSystemLayer.metaCode">

创建时间

readonly="readonly" type="text" class="col-sm-8 form-control"

id="metaCodeLayer" v-model="metaSystemLayer.createTime">

当前元数据类型没有可以选择的父节点

vuejs:

metaTypeTree: function() { //获取元数据类型

layer.open({

type: 1,

offset: '50px',

skin: 'layui-layer-molv',

title: "选择元数据类型",

area: ['300px', '450px'],

shade: 0,

shadeClose: false,

content: jQuery("#metaTypeLayer"),

btn: ['确定', '取消'],

btn1: function(index) {

var node = metaTypeZtree.getSelectedNodes();

vm.metaSystem.metaType = node[0].id;

vm.metaSystem.typeName = node[0].typeName;

type_id = node[0].id;

$.ajax({

type: "POST",

dataType: "json",

url: baseURL + "/generator/metasystem/queryStrInput",

data: {

'metatype': node[0].id

},

success: function(r) {

vm.metaStrs = r.strinputlist;

for(var i =0;i

if(i%2==0){

var id = r.strinputlist[i].metaObjField;

var obj = document.getElementById(id);

obj.style.cssText = "display: inline-block;";

}else{

var id = r.strinputlist[i].metaObjField;

var obj = document.getElementById(id);

obj.style.cssText = "display: inline-block;padding-left: 250px;";

}

}

}

});

layer.close(index);

}

});

},