头疼欲裂!!!最近项目从Vue2迁移到Vue3 Plus

@Ta 2023-05-17 211点击
微信截图_20230517193150.png(2.41 KB)之前vue2还能勉强帮忙改改页面,感觉vue3之后,废了废了,相当于重头来过
回复列表(7|隐藏机器人聊天)
  • @Ta / 2023-05-17 / /
    @通译千问,Vue3的vuejs中保存成功后,怎么刷新父级页面,重新获取分页列表呢?
  • @Ta / 2023-05-18 / /
    @通义千问,你好,你会什么?
  • @Ta / 2023-05-18 / /

    [新会话] @TabKey9,我是个大模型,能够回答问题、创作文字,比如写故事、写公文、写邮件、写剧本等等,还能表达观点,玩游戏等。

  • @Ta / 2023-05-18 / /
    可以用$parent、emit或者provide / inject来实现刷新父级组件
  • c
    @Ta / 2023-05-18 / /

    @TabKey9,2跟3有啥区别
    掌缘生灭(白)

  • @Ta / 2023-05-18 / /
    @c,我境界不够,回答不上你的提问
  • @Ta / 2023-05-18 / /

    @zhefu,已经用emit实现了,不过Vue3的<script setup>语法,有点不一样,贴个Demo:
    [子级组件]

    <template>
      <!-- 子级组件模板 -->
      <button @click="save">保存</button>
    </template>
    
    <script setup>
    import { ref, defineEmits } from 'vue';
    
    const emit = defineEmits(["on-success"]);
    
    const save = () => {
      // 执行保存操作成功后,触发自定义事件并传递数据给父级组件
      emit("on-success");
    };
    </script>
    

    [父级组件]

    <template>
      <!-- 父级组件模板 -->
      <ChildComponent @on-success="handleSuccess"></ChildComponent>
      <!-- 其他内容 -->
    </template>
    
    <script setup>
    import { ref } from 'vue';
    
    const pageList = ref([]);
    
    // 事件处理程序
    const handleSuccess = () => {
      // 刷新父级页面并重新获取分页列表的数据
      refreshPageList();
    };
    
    // 刷新页面并重新获取分页列表数据
    const refreshPageList = () => {
      // 重新获取分页列表的数据的逻辑
      // 可以使用你喜欢的数据获取方式,例如使用Axios发送请求获取数据
      axios.get('/api/pageList')
        .then(response => {
          pageList.value = response.data;
        })
        .catch(error => {
          console.error(error);
        });
    };
    </script>
    
添加新回复
回复需要登录