elementUi一tabs标签页

elementUi一tabs标签页

点击el-tab-pane时,实现路由切换



注意:获取name属性需要tab.props.name

设置第一个标签不能关闭,其余的都能关闭

  • el-tab-pane添加:closable=“item.close”


  • 需要关闭的加close: ‘closable’,不需要关闭的不加
data: function() {
            // return { visible: false }
            return {
              editableTabsValue: '1',
              editableTabs: [{
                title: 'TabTabTabTabTabTabTabTabTabTabTabTabTabTabTabTab 1',
                name: '1',
                content: 'https://www.hao123.com/'
              }, {
                title: 'Tab 2',
                name: '2',
                content: 'http://www.baidu.com',
                close: 'closable'
              }]
            };
          },

你可能感兴趣的:(vue.js,前端,javascript)