vue中动态绑定图片

当img标签里的图片地址是动态变化时，如果图片不是从后台获取，是在assest文件里时，要现在data里初始化其值用require的方式，具体如下：

data () {
        return {
            // 导航列表
            firstNavList: [{
                name: 'Top 15',
                pathname: '/webapp/worktime/team_attendance',
                picUrlOn: require('@/assets/img/worktime/top15on.png'),
                picUrlOff: require('@/assets/img/worktime/top15off.png')
            }],
            //  选中worktime
            worktimeSelect: false
        };
    },

html