art-template记录

下拉框 div盒子

html

//标签
  <select name="versionSelect" lay-filter="versionSelect" lay-verify="required"
     class="" id="version-tmpl-box">
   </select>

<div  id="text-tmlp-box">
</div>

//循环遍历渲染模版数据
<script type="text/tmpl" id="version-tmpl">
//循环
{{each reportData}}
  <option value="{{$index}}">{{$value}}</option>
 {{/each}}
</script>

// //文本
<script type="text/tmpl" id="text-tmpl">
{{if user}}
<h2>{{user.name}}</h2>
{{/if}}
</script>

js

    //获取下拉列表
    function getSelectReports() {
        axios({
            method: 'get',
            url: idenManageUrl.warehous.getTypes,
            headers: {
                'Authorization': Authorization
            }
        })
            .then(function (response) {
                if (response.status == 200 && response.data.message == "success") {
                    var data = response.data.data;
                    reportData = data
                    var str = template("version-tmpl", {reportData}); //返回数据
                    document.getElementById("version-tmpl-box").innerHTML = str;//更新页面数据
                    form.render('select')//渲染视图
                }
            })
            .catch(function (error) {
                console.log(error);
            });
    }

  //动态获取选择下拉列表的值
  form.on('select(versionSelect)', function (data) {
        console.log(data, 3333)
        reportType = data.value;
    });

 //文本
 var data={
    user:false
    }
  var str = template("text-tmlp",data);
  document.getElementById("text-tmlp-box").innerHTML = str;