请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

modalIsOpen不定义成ref也可以?

回答1 浏览116 2020-10-10 08:54:46

张老师, 我把您的 const modalIsOpen = ref(false) 改成 const modalIsOpen = false , 然后 modalIsOpen.value 改成 modalIsOpen, 那个modal框仍然可以正常打开和关闭, 这是怎么回事啊。 modalIsOpen 不需要定义为响应式对象?

我发现和加不加 useMousePosition 有关, 有点蒙了, 加了useMousePosition 不用 ref也可以, 不加就必须用 ref(false), modal和useMousePosition之间怎么产生了关系。

代码如下

    <Modal :isOpen="modalVisible" @close-modal="modalVisible = false"
      >my modal</Modal
    >
    <button @click="modalVisible = true">open modal</button>

setup(){
  ...// modal
    const modalVisible = false;

    return {
      ...toRefs(state),
      updateGreeting,
      x,
      y,
      result,
      loading,
      loaded,
      modalVisible,
    };
}

添加回答

1回答

  • 同学你好 我按照你的思路 修改了代码 并没有复现你说的这个问题 请问你能不能提供整体的代码,我可以在本地试试看

    2020-10-11 17:29:20

Vue3.0(正式版) + TS 仿知乎专栏企业级项目 深度剖析Vue3新特性

难度中级
时长17小时
人数959
好评度99.1%

Vue3.0 全家桶+TS ,带你完成前后端分离复杂项目,率先掌握vue3.0造轮子技能

讲师

张轩 Web前端工程师

曾在Apple、百度担任高级前端开发工程师,是《React全栈:Redux Flux webpack Babel整合开发》该书作者,拥有丰富的Web开发经验,喜欢追寻新技术,同时致力于前端工程化,并且有大型SPA项目的架构及开发经验。

意见反馈 帮助中心 APP下载
官方微信