xiongmao34 2019-11-26 16:20 采纳率: 60%
浏览 431
已采纳

vue问题：如何把optins的答案选项 拆开循环显示

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>

</head>
<body>
    <div id="app">
            <div v-for="as in products">
                <div class="title">{{ as.title}}</div>
                <ul>
                    <li>{{ as.options }}</li>
                </ul>
            </li>           
    </div>
    <script src="https://unpkg.com/vue"></script>
    <script type="text/javascript">
        const app = new Vue({
            el: '#app',
            data: {
                products:[]

            },
            created() {
                fetch('https://ser-html5.8531.cn/dl/yzw-dati/init.php?username='+Math.random())
                .then(response => response.json())
                .then(json => {
                    this.products = json.data;
                })
            }
        })
    </script>
</body>
</html>
  • 写回答

1条回答 默认 最新

  • 浮生-半日 2019-11-26 16:58
    关注

    遍历json

    <li v-for="(k,item) in  as.options">
        {{k}} {{item}} 
</li>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

悬赏问题

  • ¥15 聚类分析或者python进行数据分析
  • ¥15 如何用visual studio code实现html页面
  • ¥15 逻辑谓词和消解原理的运用
  • ¥15 三菱伺服电机按启动按钮有使能但不动作
  • ¥15 js，页面2返回页面1时定位进入的设备
  • ¥50 导入文件到网吧的电脑并且在重启之后不会被恢复
  • ¥15 （希望可以解决问题）ma和mb文件无法正常打开，打开后是空白，但是有正常内存占用，但可以在打开Maya应用程序后打开场景ma和mb格式。
  • ¥20 ML307A在使用AT命令连接EMQX平台的MQTT时被拒绝
  • ¥20 腾讯企业邮箱邮件可以恢复么
  • ¥15 有人知道怎么将自己的迁移策略布到edgecloudsim上使用吗？