首页  /  Web前端  /  VUE  /  vue不渲染的标签 vue-fragment

vue不渲染的标签 vue-fragment

 作者:白驹    来源:    浏览:365    日期:2021年4月14日  

vue不渲染的标签 vue-fragment

在做导航过程中想把导航数据列表拉出来做手机pc双适应(使用了elementUI)但是发现使用div会影响展示,为了方便使用,想看看vue是否存在不渲染标签,发现了vue-fragment
使用方法:
1.运行npm i -s vue-fragment
2.在main.js中加入如下代码:
import Fragment from 'vue-fragment'
Vue.use(Fragment.Plugin)
3.组件引入
<template>
      <fragment>
            <div>test</div>
    </fragment>
</template>
运行渲染结果,只有div被渲染,我这里循环了li检查,父元素ul使用fragment成功还原elementUI导航样式
  • 评论
  • 相关评论
12345678
回复    删除