问答

vue组件传值问题

作者:admin 2021-05-12 我要评论

父传子,之前的组件都是这样写的没报错,现在这个组件报错,我已经指定了type哈报错,然后写成这样props:['titleStr']也不行 `template view class="back_header"...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

父传子,之前的组件都是这样写的没报错,现在这个组件报错,我已经指定了type哈报错,然后写成这样props:['titleStr']也不行
image.png
`<template>
<view class="back_header">

    <icon @click="toBack"></icon>
    <text>{{titleStr}}</text>

</view>
</template>

<script>
export default {
name: "backHeader",

props: {
    titleStr: String
},

data () {

return {
}

},
methods: {

toBack() {
        this.$mRouter.back();
}

}
}
</script>`
父:
<back-header :titleStr="titleStr" :backHeadShow="backHeadShow" v-if="backHeadShow"></back-header>

###

BackHeader组件需要一个必填props type
<BackHeader type="xxx" />

###

props: {

action: {
  type: String,
  default: ""
},

},
试试这样能行不

###
titleStr: {
    type:String,
    default:''
    }
###

检查下是不是那个 text 组件需要

###
props: {
    titleStr: {
      type: String,
      default: ""
    }
}

试试这样呢

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • vue组件传值问题

    vue组件传值问题

  • import 和 export在同文件下的问题

    import 和 export在同文件下的问题

  • forge viewer如何实现使指定元素高亮

    forge viewer如何实现使指定元素高亮

  • h5做的聊天页面,内嵌到手机app中,如

    h5做的聊天页面,内嵌到手机app中,如

腾讯云代理商
海外云服务器