![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3.0
文章平均质量分 74
霜雪遥
这个作者很懒,什么都没留下…
展开
-
Extraneous non-emits event listeners (formChange).....declare it using the “emits“ option警告出现原因及解决办法
Extraneous non-emits event listeners (......子组件自定义事件名) were passed to component but could not be automatically inherited ...... If the listener is intended to be a component custom event listener only, declare it using the "emits" option.原创 2022-04-26 18:08:13 · 5296 阅读 · 1 评论 -
ant-design-vue中a-table列表数据根据点击的表头进行升/降排序
ant-design-vue中a-table列表数据根据点击的表头(哪一列)来对所有的数据进行升/降排序原创 2022-04-14 18:34:48 · 8988 阅读 · 0 评论 -
the >>> and /deep/ combinators have been deprecated. Use :deep() instead终端报该警告的解决办法
::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead。the >>> and /deep/ combinators have been deprecated. Use :deep() instead原创 2021-05-25 16:53:42 · 13445 阅读 · 0 评论 -
Set operation on key “default“ failed: target is readonly.控制台报该警告的解决办法
一. 场景vue3.0搭建的项目二. 警告分析点击reactivity.esm-bundler.js这一处后发现报警告处如下:当不在production环境下就会报出该警告,我查看代码,对应的地方就是使用到了reactive方法和ref方法,目前我并没有看出有哪里写错,于是我决定找到该js文件然后注释该警告。三. 解决办法注意:VScode编译器中无法通过搜索找到该文件。reactivity.esm-bundler.js文件的位置如下:node_modules/@vue/reactivit原创 2021-05-25 11:22:15 · 23822 阅读 · 6 评论 -
Provide / Inject在vue2.x和vue3.x中的写法明细
文章目录一. 使用场景二. 在vue2.x中使用provide 和 inject2.1 父组件中provide里面的数据为自定义的数据2.2 父组件中provide里面的数据为data里面的数据三. 在vue3.x中使用provide 和 inject特别注意:3.1vue3.x中使用provide 和 inject时,非响应式数据的写法3.2vue3.x中使用provide 和 inject时,响应式数据的写法一. 使用场景当我们需要从父组件向子组件传递数据时,我们使用 props。有一些深度嵌套的原创 2021-05-10 16:37:08 · 1971 阅读 · 3 评论 -
vue3组合式api中的ref、toRef、toRefs三个函数的简单使用示例
一. 场景在vue2.0项目中使用vue3.0的组合式api1. 安装依赖npm install @vue/composition-api2.全局注入 (main.js中)import Vue from 'vue';import VueCompositionAPI from '@vue/composition-api';Vue.use(VueCompositionAPI);3.在对应的组件引入需要的功能import { toRefs, toRef, ref } from "@vue/c原创 2021-05-08 17:32:51 · 7003 阅读 · 8 评论