美文网首页
vue2 slot占位插槽默认值不显示undefiend

vue2 slot占位插槽默认值不显示undefiend

作者: w_wx_x | 来源:发表于2024-03-05 15:07 被阅读0次

问题点:vue版本问题,当vue > 2.6.12时就会出现,vue-template-compiler需要与vue版本同步

解决方法
  1. 把vue与vue-template-compiler版本降低到2.6.12及以下
  2. 用v-if v-else 语法替换原本内容
// 原来写法
<slot name="title"> default title </slot>

// 兼容处理写法
<slot name="title" v-if=‘$slots.title’></slot>
<template v-else> default title </template>

相关文章

  • 插槽slot

    插槽,占位符slot具名插槽,指定占位符slot、name作用域插槽,子组件占位符向父组件占位符通信。slot、s...

  • Vue插槽:slot、slot-scope与指令v-slot使用

    不具名插槽 具名插槽 v-slotv-slot在组件中使用slot进行占位时,也是在slot标签内使用name 属...

  • 18、Vue3 作用域插槽

    作用域插槽:让插槽内容能够访问子组件中,vue2中作用域插槽使用slot-scope,vue3中使用v-slot ...

  • Vue - 具名插槽和作用域插槽

    slot(插槽)可以理解为占位符 一. 具名插槽(使用新的v-slot语法) 直接看使用的例子: 注意点:1. 子...

  • vue学习笔记--插槽、具名插槽和作用域插槽

    插槽使用场景是:slot(插槽)可以理解为占位符 如果子组件需要显示的内容并非来自本身,而是父组件传递进来的,而假...

  • 插槽

    ### 认识插槽 插槽:如果局部组件中有使用slot标标签的在父组件内可改变其值 ### 插槽默认值 如果设置插槽...

  • 14.插槽slot的使用

    1.不具名的slot slot,插槽,就是对组件的功能进行扩展的接口,我们可以通过slot标签占位,然后我们可以自...

  • 插槽

    默认插槽: 具名插槽:slot name='footer' 作用域插槽:v-slot===slot-scope 默...

  • vue插槽,混入 (mixin) ,自定义指令,Vue.set全

    插槽 基本使用 插槽就是子组件中的提供给父组件使用的一个占位符,用slot表示,父组件可以在这个占位符中填充任何模...

  • vue单文件组件相关知识

    slot插槽 在组件template中的占位,在index.html中输入的值就会替换掉插槽内容 单文件组件 .v...

网友评论

      本文标题:vue2 slot占位插槽默认值不显示undefiend

      本文链接:https://www.haomeiwen.com/subject/tuddzdtx.html