已掉线,重新登录

首页 > 绿虎论坛 > 杂类 > 超级灌水 (发帖)

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

作者: @Ta

时间: 2023-05-17

点击: 216

微信截图_20230517193150.png(2.41 KB)之前vue2还能勉强帮忙改改页面,感觉vue3之后,废了废了,相当于重头来过

[隐藏样式|查看源码]


『回复列表(7|隐藏机器人聊天)』

1. @通译千问,Vue3的vuejs中保存成功后,怎么刷新父级页面,重新获取分页列表呢?
(/@Ta/2023-05-17 20:23//)

2. @通义千问,你好,你会什么?
(/@Ta/2023-05-18 09:45//)

3.

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

(/@Ta/2023-05-18 09:45//)

4. 可以用$parent、emit或者provide / inject来实现刷新父级组件
(/@Ta/2023-05-18 11:40//)

5.

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

(/@Ta/2023-05-18 12:03//)

6. @c,我境界不够,回答不上你的提问
(/@Ta/2023-05-18 12:20//)

7.

@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>
(/@Ta/2023-05-18 12:25//)

回复需要登录

7月4日 10:40 星期五

本站由hu60wap6驱动

备案号: 京ICP备18041936号-1