Vue + typescript 父組件傳子組件報 Error in callback for watcher "value": "TypeError: Cannot read property 'call' of undefined"怎么解決哦
uj5u.com熱心網友回復：
物件不存在。。uj5u.com熱心網友回復：
我好像傳了啊 傳的是booleanuj5u.com熱心網友回復：
貼代碼吧...看代碼就清楚了uj5u.com熱心網友回復：
<on-line-buy-dialog :https://bbs.csdn.net/topics/value="value" @input="input"></on-line-buy-dialog> 父組件子組件
<template>
<van-overlay class="on-line-buy-dialog" :show="showBuy">
<div class="wrapper" @click.stop="hideDialog">
<div class="design-buy-box" v-if="hideDialog" @click.stop>
<div class="design-buy-header"></div>
<div class="design-buy-img-box"></div>
<div class="design-buy-title-box">
<span class="title-red">{{ userName }}</span>
<span style="padding: 0 0 0 5px">可用余額：</span>
<span class="title-red">{{ price }}</span>
</div>
<div class="design-buy-content-box">
您好，您正在選擇
<span class="title-red">
{{ courseTitle }}
</span>
課程，根據您當前賬號級別，本次課程售價為
<span class="title-red">
{{ coursePrice + '分' }}
</span>
</div>
<div class="design-buy-button" @click="buyClick">
報名并支付
</div>
<div
class="design-buy-button"
style="background-color: rgb(92,65,52)"
@click="hideDialog"
>
放棄
</div>
</div>
</div>
</van-overlay>
</template>
<script lang="ts">
import { Component, Prop, Watch,} from 'vue-property-decorator';
import { PlainView } from '@/sdk/components/PlainView';
@Component({})
export default class OnLineBuyDialog extends PlainView {
@Prop({ required: false, default: false })
public value!: boolean;
@Prop({ required: false, default: '' })
public courseTitle!: string;
@Prop({ required: false, default: '' })
public coursePrice!: string;
private showBuy: boolean = false;
@Watch('value')
public onShow(val: boolean) {
this.showBuy = val;
}
public created() {
this.showBuy = !!this.value;
}
</script>
uj5u.com熱心網友回復：
監聽其他值試下，是否value是關鍵字的問題。在組件里面顯示一下{{value}}uj5u.com熱心網友回復：
我用其它變數試過了，其它地方傳值也是這樣。所以我都不拆組件了。直接寫在一個頁面了uj5u.com熱心網友回復：
能加你微信嗎轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/30390.html
標籤：JavaScript
上一篇：css 全網頁 六邊形布局