vue 动态组件


动态组件,在一个页面里面动态的切换组件,可以使用component标签上is特性,可以在父组件里动态的切换不同组件

  1. 使用 is 特性,我们可以挂载不同的组件。

  2. 不同组件进行切换时,默认不会保留组件之前的状态。

  3. 可以使用<keep-alive>元素将动态组件包裹起来,这样被切换的组件会保持上一次的状态。

代码如下

1:切换组件

页面显示结果如下

2:显示。有些 HTML 元素,诸如 ul、table 等,对于哪些元素可以出现在其内部是有严格限制的。而 li、tr 和 option,只能出现在其它某些特定的元素内部。使用is特性可以避免

代码如下

页面显示结果如下


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM