最近在看父子组件通信中遇到的一个问题?

我在父组件中定义了一个事件@update:isShow="function(){}"

<template>
  <div>
    <input type="button" value="我是父组件中的按钮" @click="show">
    <child
      v-show="isShow"
      @update:isShow="function(bol){
      isShow = bol;
      }"
    />
  </div>
</template>

现在我想打印一下匿名函数中bol的值,于是我在函数中加了console.log(bol);, 代码变成了下面这样

<template>
  <div>
    <input type="button" value="我是父组件中的按钮" @click="show">
    <child
      v-show="isShow"
      @update:isShow="function(bol){
      console.log(bol);
      isShow = bol;
      }"
    />
  </div>
</template>

但是报错了,这是为什么呢?

最近在看到.sync中遇到的一个问题?

参考文章:https://www.jianshu.com/p/d42c508ea9de

讨论数量: 3
Hex

别在 HTML 直接写事件函数,写到组件 JS 里试试

1个月前 评论

vue 调试工具用起来

1个月前 评论

console.log不要直接写在html里面,要写在script里面才不报错

4周前 评论

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!