土拨鼠1号 2022-03-04 11:33 采纳率: 59.4%
浏览 21
已结题

Vue中想复用方法,遇到个问题

img

如上图所示,我在setup中,一开始就调用了那个想要被复用的方法(也就是create的时候,要先调用一次),
页面上有个刷新按钮,点击后也会去调用该方法, 我在刷新方法里面这样重新赋值,为什么页面的效果不对呢,显示的是所有变量初始化赋值的效果,
也就是下图黄色框中的值时的效果,但是刷新方法里面的info,我在控制台输出结果是对的,有点不知道错哪了

img

想知道怎么解决?

  • 写回答

1条回答 默认 最新

  • _念_ 2022-03-04 12:21
    关注
    
    // 在setup中定义,就不用在getData每次调用都重新定义了。
        const flag = ref(false);
        // 放到setup中定义,内部就能直接给变量赋值了,不用考虑返回的问题
        const getData = function(id) {
          http().then(res => {
            flag.value = res.data.xxx;
          });
        }
        // 第一次调用
        getData(id);
        //  刷新的时候,在调用一次就好了
        const onRefresh = function() {
          getData(id);
        }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 3月12日
  • 已采纳回答 3月4日
  • 创建了问题 3月4日

悬赏问题

  • ¥15 请推荐一个轻量级规则引擎,配合流程引擎使用,规则引擎负责判断出符合规则的流程引擎模板id
  • ¥15 Excel表只有年月怎么计算年龄
  • ¥50 资源管理器无法使用且一直崩溃重启
  • ¥15 用sql语句完成下列问题
  • ¥50 yalmip+Gurobi 求解线性规划
  • ¥15 微信开发者工具/云函数/数据库
  • ¥15 Torch not compiled with CUDA enabled
  • ¥15 三种节点编号优化算法比较
  • ¥15 比特币ord程序wallet_constructor.rs文件支持一次性铸造1000个代币,并将它们分配到40个UTXO上(每个UTXO上分配25个代币),并设置找零地址
  • ¥115 用Java解决探地雷达dzt文件的解析过程