vue实现自定义菜单

所属分类:导航-其他导航

 3568  32  查看评论 (2)
vue实现自定义菜单 ie兼容11
  • computed:初始化计算按钮宽度

  • del:删除菜单

  • addBtn:添加一级菜单

  • subAddBtn:添加子菜单

  • menuTab:点击一级菜单

  • liTab:点击子菜单

  • updateValue:更新按钮name

  • updateUrl:更新按钮url

  • getInfo:显示name,url

  • setmenu:设置一级菜单信息

  • setSubmenu:设置子菜单信息

  • urlWindow:显示右侧url窗口

  • save:保存按钮

相关插件-其他导航

纯CSS3多级环形导航菜单(原创)

使用纯css3开发的多级环绕导航菜单,扩展方便。
  其他导航
 16343  140
  其他导航
 16747  86

jQuery顶部导航固定

jQuery向下滚动页面顶部导航固定特效,多种展示效果。
  其他导航
 12252  108

jQuery仿微信自定义菜单

jQuery仿微信自定义菜单全屏自适应手机底部弹出菜单
  其他导航
 7111  52

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币

    熄了灯.空城 0
    2018/5/6 11:18:48
    能不能把最后的保存的数据,提供一下,不知道怎么获取获取数据,我需要提交到微信公众号接口,谢谢,qq:1094845982
        往事已成云烟1
        2018/5/7 8:30:51
        init() { //获取数据
                var $this = this;
                $this.$httpService.getMenuDate().then((res) => {
                    if (res.code == '2000') {
                        this.button = res.data;
                    }
                }).catch((err) => {
                    Toast({
                        duration: 1500,
                        message: err.message
                    });
                    Indicator.close();
                });
            },
            save() { //保存数据
                let button = this.button;
                //ajax保存至后台
                let params = {
                    buttonJson: JSON.stringify(button),
                };
                //console.log(JSON.stringify(button));
                this.$httpService.createMenu(params).then((res) => {
                    if (res.code == 2000) {
                        Toast({
                            duration: 1500,
                            message: '保存成功'
                        });
                        Indicator.close();
                    }
                })
            }
    回复
取消回复