在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ vue 組件 模板如何去掉這個(gè)div?

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í)。。

clipboard.png

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

clipboard.png

回答
編輯回答
礙你眼

@踏踏實(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
編輯回答
失魂人

vue1.0可以拿掉,vue2.0強(qiáng)制要求必須有父級(jí)包裹。

2017年10月14日 09:05
編輯回答
忘了我

vue的template模板是必須保證只能有一個(gè)頂級(jí)標(biāo)簽,你把div標(biāo)簽和任意一個(gè)template標(biāo)簽?zāi)玫魬?yīng)該就行了

2017年10月6日 01:29
編輯回答
離觴

不是,你這個(gè)結(jié)構(gòu)就。。。
試試把循環(huán)那層的template換div,去掉中間那層div吧

2017年9月15日 17:39
編輯回答
櫻花霓

不能拿掉,一個(gè)模版必須要有一個(gè)root 標(biāo)簽。而且,有沒(méi)有這個(gè)div,跟你的樣式應(yīng)該沒(méi)關(guān)系,你再看看css是否引入成功吧

2017年4月12日 04:40
編輯回答
心夠野

不要獨(dú)立一個(gè)template,還是乖乖的把他放在el-memu下面吧,我就是這樣做的

2018年5月18日 07:32