求解vue3警告

Invalid prop: type check failed for prop “activeType”. Expected TheTypedFn, got Number with value 0.

警告

在这里插入图片描述

复现问题

从demo.vue跳转到after-sale/index.vue页面

//demo.vue
<div v-for="(obj, index) in list" :key="index" style="margin: 0 0 5px 0;">
    <van-cell :title="obj.name" @click="router.push({ path: obj.path, query: obj.query })" is-link arrow-direction="right" value="内容"/>
</div>
//demo.vue
const list = ref([ 
  {name: "订单售后", path: '/after-sales/index/-1'},     //问题就在这  传参为-1
])
//after-sale/index.vue
onMounted(() => {

  //获取“订单售后”传进的active值
  active.value = eval("(" + route.params.active + ")");

  //适配Android
  if (active.value === -1) {
    active.value = 0
  }

})
  • 7
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
Vue3中,控制台警告是由开发者工具和Vue警告系统所产生的。要解决控制台警告,你可以采取以下措施: 1. 解决第一个警告信息:这个警告信息是提示你下载Vue开发者调试工具。你可以在谷歌商店下载该工具,并将其安装到浏览器中。安装完成后,刷新浏览器,第一个警告信息应该会消失。 2. 解决第二个警告信息:你可以在main.js文件中添加一行代码来去除这个控制台警告。通过添加以下配置,你可以禁用警告信息输出: ```javascript const app = createApp(App); app.config.warnHandler = () => null; ``` 这将阻止Vue打印任何警告信息到控制台。 除了上述方法外,如果你想在上线时移除控制台打印,你还可以采用以下方法: - 使用生产环境构建:在构建Vue应用程序时,确保使用生产环境的构建设置。这样可以自动禁用开发模式下的警告信息输出。 - 移除未满足需求的警告Vue会在控制台中警告你有未满足的需求。如果你确定这是你的意图,并且不想看到这些警告信息,你可以根据需要修改代码,以满足Vue的要求。 请记住,尽管在开发阶段遇到控制台警告是常见的,但它们提供了有用的信息,帮助你发现和解决潜在的问题。在上线前,建议你仔细检查和处理这些警告信息,以确保应用程序的稳定性和性能。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

海鸥两三

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值