问

javascript - vue.js的第二层菜单内容是一样的，怎么修改一下数据结构？

龙帅1314的爱_530 发布于 2022-11-18 06:14

vue.js

下面的代码是一个选择年月的表单，因为月份都是1月-12月，是相同的，所以问题就是：下面代码中的vue.js代码怎么修改一下数据结构，让月份只用写一次就好。
html

选择年月：

选择

jquery代码

vue代码

3 个回答

定义两个数组循环赋值不就好了嘛

2022-11-18 06:44 回答

手机用户新常态
segmentfault是不是出了点问题，问的问题都不能显示到队列中

2022-11-18 06:44 回答

Lyceenne

HTML

<table id="table1" class="table table-sm table-bordered dropdown-menu-right">
    <tr v-for="gene in menu">
        <td>{{$key}}</td>
        <td>
            <ul class="year-month">
                <li class="col-xs-3" v-for="year in gene">
                    <a class="trigger right-caret">{{year}}</a>
                    <ul class="row dropdown-menu sub-menu">
                        <li class="col-xs-4" v-for="month in months">
                            <a>{{month}}</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </td>
    </tr>
</table>

SCRIPT

var table1 = new Vue({
    el: '#table1',
    data: {
        menu: {
            '90年代': ['1990年', '1991年', '1992年'],
            '00年代': ['2000年', '2001年', '2002年']
        }
    },
    computed: {
        months: function () {
            var arr = [];
            for (var i = 1; i <= 12; i++) {
                arr.push(i + '月');
            }
            return arr;
        }
    }
});

2022-11-18 06:44 回答

hizcr

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签

90年代	{{first.level01}} {{second}}
00年代	{{first.level01}} {{second}}