vue获取数据，页面却什么都没有，在线等待

HTML代码

<span id="corps" class="corps box">
    <font>请选择总队</font>
    <ul v-for="item in items">
        <li v-html="item.fcName"></li>
    </ul>
</span>

JS代码

dataList = new Vue({
    el: '#corps',
    data:{items: list}
});

list有值

阅读 1.9k

贴一下你的list结构，以及并不是非要用return的，官方说的是创建组件的时候最好用return,避免组件间数据之间的相互影响，定义vue实例两种都可以

按照你贴的数据格式用下面方法来渲染，没发现问题，同时将items数据提出来封装成list变量再引入，也没有问题你参考一下。

<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="utf-8">  
    <title>test</title>  
    <script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>  
</head>  
<body>  
    <span id="corps" class="corps box">
        <font>请选择总队</font>
        <ul v-for="item in items">
            <li v-html="item.fcName"></li>
        </ul>
    </span>
<script>
var vm = new Vue({
  el:'#corps', 
  data(){
    return{
      items:[
        {fcTypeId: "1", fcParentId: "0", fcId: "424", fcName: "甘肃消防总队", fcCode: "甘消001"},
        {fcTypeId: "1", fcParentId: "0", fcId: "425", fcName: "宁夏消防总队", fcCode: "宁消001"},
        {fcTypeId: "2", fcParentId: "424", fcId: "3231", fcName: "兰州消防2支队", fcCode: "兰消077"}
      ]
    }
  },
});
</script>
</body>  
</html>

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> <script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script> </head> <body> <span id="corps" class="corps box"> <font>请选择总队</font> <ul v-for="item in items"> <li v-html="item.fcName"></li> </ul> </span> <script> var list = [{ fcName: "0" }, { fcName: "1" }]; var dataList = new Vue({ el: '#corps', data: { items: list } }); </script> </body> </html>

vue获取数据，页面却什么都没有，在线等待

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

vue2.6，打包后app.js，8M,chunk.js，6M，加载打开页面很慢，有什么办法减少，打开页面快一些？

Element Plus表格组件如何呈现复杂布局如图？

多个vue项目，后台接口都是一样的，每个vue项目的同一个页面都只是一小部分修改，怎样把公共的代码提出来复用？