Vue2的右鍵彈出菜單(vue-contextmenu)

給你們推薦一個基於Vue2的右鍵彈出菜單插件,支持單一SPA頁面以及能夠在循環綁定中使用。

項目地址爲:https://github.com/chiic/vue-...
在原有基礎上進行了重構,支持N節子菜單。效果圖以下
圖片描述
圖片描述vue

配置簡單,能夠像vue-router那樣去配置一個options來設置選項。
例如圖1的配置項爲:android

menulists: [
          {
            btnName: "選項1111111",
            icoName: "fa fa-home fa-fw",
            children: [
              {
                icoName: "fa fa-adn",
                btnName: "選項1-1",
                children: [
                  {
                    icoName: "fa fa-file",
                    children: [
                      {
                        icoName: "fa fa-android",
                        fnHandler: "Handler1",
                        btnName: "選項1-1-1"
                      }
                    ],
                    btnName: "選項1-1-1"
                  }
                ]
              }
            ]
          },
          {
            btnName: "選項2",
            children: [
              {
                fnHandler: "Handler5",
                btnName: "選項2-1"
              }
            ]
          },
          {
            btnName: "選項3",
            fnHandler: "Handler4"
          },
          {
            btnName: "選項4",
            disabled: true
          }
        ]
相關文章
相關標籤/搜索