首页 > 其他分享 >vue 动态组件component :is

vue 动态组件component :is

时间：2022-09-29 20:25:10浏览次数：58

标签：currentComponent vue 示例 component 组件动态

示例<component v-bind:is="currentComponent"></component>
currentComponent 是要展示的组件，根据具体代码逻辑，currentComponent赋值为不同的组件
在切换时保持组件状态，可以用

<keep-alive>
  <component v-bind:is="currentTabComponent"></component>
</keep-alive>

标签：currentComponent,vue,示例,component,组件,动态
From： https://www.cnblogs.com/jia-zq/p/16742907.html

vue route路由使用
<router-linkto="/home">home</router-link><router-link:to="{name:'user',params:{userId:'123'}}">user</router-link><router-link:to="{path:'/user',......
在父组件中监听子组件页面是否加载完毕
在父组件中监听子组件页面是否加载完毕//Parent.vue<Child@mounted="doSomething"/>//Child.vuemounted(){this.$emit("mounted");}//Parent.vue<C......
vue computed传参
通过不同的数据，计算属性返回不同的结果，就需要给计算属性传参，通过返回一个带参数的箭头函数，可以实现计算属性传参computed:{//计算属性computedData(){//......
简单组件讲解
在编程阶段，会遇到有些页面的某一区域的布局或数据显示类似；那么我们就可以复用这一段代码；在使用原生JS编程时，我们习惯是将代码抽出来自成一个文件，需要时引入即可。而在v......
vue2转vite判断当前运行环境
vue2转vite判断当前运行环境vue2判断当前运行环境使用的是process.env.NODE_ENV==='development'，而当转为vite项目时，process会报错，这里环境的判断应该改为import.meta.......
【Vue项目实践】套用github 上的项目（vue3 + Element Plus）运行可编辑表格
在Vue3+ElementPlus中生成动态表格gitclonehttps://github.com/kalacloudCode/how-to-build-dynamic-table-in-vue-element-plus.git参考博客：vue3+ElementPlus......
【Vue项目实践】（vue3 + Element Plus）excel 导出
安装依赖yarnadd--savexlsxfile-saver1、添加导出按钮以及点击事件<el-buttontype="primary"round@click="exportClick">导出表格</el-button>2、在table表格中添加......
vue3 pc端页面全屏
先看效果图：附上代码： <template><el-button@click="hand">{{fullscreen?'取消全屏':'点击全屏'}}</el-button></template><script>import{ref}......
mac解决~/.vuerc may be outdated. Please delete it and re-run vue-cli in manual m
mac在使用vue-cli创建项目的时候，会出现这个错误 ERROR ~/.vuercmaybeoutdated.Pleasedeleteitandre-runvue-cliinmanualmode. 这是在～/下面有一个......
vue引入图片的方式
一、img标签1、静态引入（静态路径加载）相对路径<imgclass="pic-404__childleft"src="../../assets/404_images/404_cloud.png"alt="404">绝对路径<imgclass......

vue 动态组件component :is

相关文章

赞助商

阅读排行