vue 組件模板如何去掉這個(gè)div？

我需要去掉這一層div 怎么做到？
現(xiàn)在直接去掉，會(huì)報(bào)錯(cuò)。
這是組件遞歸產(chǎn)生elementUI菜單。
因?yàn)橛羞@層div，導(dǎo)致elementUI 框架的樣式無(wú)法生效。。因?yàn)槟莻€(gè)樣式用了 > 符號(hào)，尋找直接子級(jí)。。

有這一層div，導(dǎo)致我寫(xiě)了下面難看的三條樣式

回答

編輯回答

礙你眼

@踏踏實(shí)實(shí)
收起功能里的css 樣式官方就這樣寫(xiě)的
圖片描述

2018年2月4日 13:20

編輯回答

念初

div里面包裹的template標(biāo)簽，vue默認(rèn)的是template里包裹的元素必須有一個(gè)根節(jié)點(diǎn)，你如果必須把div拿掉，那么建議你更改它里面的template標(biāo)簽，將此標(biāo)簽換一個(gè)

2018年1月31日 11:35

編輯回答

菊外人

template中必須有一個(gè)根節(jié)點(diǎn)，應(yīng)該是elementUI 組件樣式寫(xiě)錯(cuò)了

2017年8月31日 14:14

編輯回答

小眼睛

template中必須有且僅有一個(gè)根節(jié)點(diǎn)，你的這個(gè)elementui套的結(jié)構(gòu)不對(duì) 你看看官方文檔

2017年1月24日 08:07

編輯回答

空痕

vue 的函數(shù)式組件支持返回?cái)?shù)組, 不需要 root 元素包裹.

export default {
  name: 'myMenu',
  functional: true,
  render(createElement, { props }) {
    return props.resultArray.map(item => {
      if (item.hasChildren) {
        return createElement(
          'el-submenu',
          {
            props: {
              index: item.resourceUrl.toString(),
            },
          },
          [
            createElement(
              'template',
              {
                slot: 'title',
              },
              [
                createElement('i', {
                  attrs: {
                    class: 'el-icon-menu',
                  },
                }),
                item.resourceName,
              ]
            ),
            createElement('myMenu', {
              props: {
                resultArray: item.children,
              },
            }),
          ]
        );
      }

      return createElement('el-menu-item', {
        props: {
          index: item.resourceUrl,
        },
      });
    });
  },
  props: {
    resultArray: {
      type: Array,
      default() {
        return [];
      },
    },
  },
};

可能有打字錯(cuò)誤, 你自己檢查下

2017年5月22日 01:44

編輯回答