原生元素 ​

除了内置封装好的组件，也经常会遇到需要使用原生html元素的情况。

目前页面设计器中，组件面板仅提供了最常用的html原生标签组件 div和span。

还有很多其他如 ui、li、video、b 等不胜枚举的元素，都可能会被使用到。

由于元素太多，全部内置进去是不可行的，这时候如果想在页面中添加其他原生标签的话可以使用 native组件，它的意义就是可以添加任意标签。

比如我们想在页面中添加一个简单的 ul、li列表元素，具有如下结构。

<ul>
  <li>标题一</li>
  <li>标题二</li>
</ul>

<ul>
  <li>标题一</li>
  <li>标题二</li>
</ul>

那么就可以这样操作：

首先在页面中拖入一个 native 组件，在 native 组件属性面板的 渲染元素 输入框中填入 ul：

然后在当前 native 组件的默认插槽中再添加一个 native 组件，子 native 组件的 渲染元素 输入框里填入 li

再向子 native 组件的默认插槽中添加一个 text 组件，并设置内容为 标题一。

同样如上面再操作一遍添加 标题二。就完成了如图所示的效果：

该组件是可动态改变的组件。通过渲染元素 tag 来切换当前元素的 dom 类型。

渲染元素属性值可以是 html 原生元素的标签名称，如p、h1、ul等等，也可以是 elementUI 中的组件名，如el-input、el-radio等等，甚至是系统预定义的以 lc开头的组件名。

但不建议使用除 html的原生元素外的其他标签。