- 博客(15)
- 收藏
- 关注
RSS订阅原创 vue2 子组件怎么使用父组件传递传递过来的异步数据？？？
使用发现是打印不到数据的,因为子组件的mounted比父组件的Mounted先执行,这种情况下可以考虑使用watch监听。在开发中,很多情况下都会使用父组件的数据给子组件,但是很多情况下都是传异步的,如果你直接。...
2022-07-15 06:15:38
457
原创 vue 3 使用 prvide inject 的超级的一个大坑 亲妈式教学
前言：组件化开发是必不可少的,可是也会伴随着很多头疼的事,有时候组件嵌套太深会让页面传值太麻烦,这时候vuex因此诞生,但是有时候我们不想用vuex,有没有其他更简单的方法呢？是 provide inject 官方提供的这两个api 首先我们不考虑其他因素,专门看看 这两个单词是什么意思 provide（提供） inject(注入)专门从字面意思就应该知道了 应该是父组件用provide 子组件用inject使用的方法也很简单在父组件引入这个 api provide然后想穿什么值data值得
2022-06-09 02:51:02
1045
原创 Vue3 中父传子 简单一文 直接看懂
父组件想要传入这个title在vue3怎么接收呢？ 格式就是这样 使用defineProps api需要注意的是一定要引入过来 不然会报defined
2022-06-08 05:32:31
382
原创 使用emitter的坑,
说这个问题之前,还是得先给大家强调一个东西学好js真的是太重要了问题1场景: 我在调用一个方法的时候,需要获取一个表单的validate值,可是我发现无论如何第一次都没拿到值,非要点两次才能拿到值,如上图点击这个方法他的执行顺序是1. console.log(`怎么执行的`)当他碰到emitter会直接把他当成一个异步事件,直接执行后面去了,然后里面的同步事件执行完再去执行这个emiiter可是 如果这样 我判断肯定是有问题的我必须的先执行emitter很简单 把判断条件写一个异步事件就行了写个setTim
2022-06-07 02:33:53
451
原创 vue组件的加载顺序,看完之后收获满满~~~
这篇文章不是项目上的问题,而是vue组件加载的一个过程,为什么突发奇想的写一篇这个文章,那是因为我,还有很多的人,可能对页面执行的一个顺序都不知道,只知道写功能,然后到了出bug的时候,都不知道是哪里出了问题,所以这篇文章是重中之重,我将带大家去领悟领悟首先,看下图,这是一个父组件,里面包括了很多子组件下面我们就举例这两个组件说明,他们的script是怎么执行的呢?据我的结论就是他执行的顺序是子组件按照从上到下依次执行,但是需要注意的是,如果一个组件里面有mounted他们会后执行,再去执行其他组件,有点绕
2022-06-06 04:42:43
3424
原创 Vue3 使用富文本编辑器的讲解
最近一个项目要用上富文本编辑器,可是发现大量的文章都是Vue2里使用富文本编辑器,vue3的cv真的很难找到找到,于是乎,我觉得身兼大任,决定出一篇在vue3里怎么使用富文本编辑器因为富文本是第三方的东西嘛,所以肯定需要借助于npm安装的哈,注意npm安装不成功就用cnpm第一步下载依赖npm install @vueup/vue-quill@beta --save东西下好了,就用嘛第二步在main.js里引入和使用第三步就可以在页面使用啦然后html是这样的嗯 页面就显示出来了还有啊 他默认的样式只有这
2022-06-06 03:24:27
1920
6
原创 Vue3之父组件调用子组件的方法 保姆式讲解
没有错,这又是一篇保姆级别讲解,因为为了照顾跟我一样的前端菜鸡~~~ 哈哈废话不多bb 开干！！第一步我们老步骤 在组件里面创建一个 实例 ref = "sonRef"记住了 在vue3里面创建实例 是要声明这个变量的 不然找不到this的指向 我是不是很聪明呢 嘻嘻触发 的方式就是 sonRef.value . 子组件的方法好了你们以为这就完了？？？？？？来试试一下我们会发现特娘的竟然报错了 这是为什么呢?原来..原来是因为vue3设计的时候就是
2022-05-29 17:34:46
2081
1
原创 vue3兄弟之间传值兄弟之间方法怎么调用？保姆级讲解
为了自己的代码工整, 我在主页里面用了3个组件 来构造一个完整页面，可是写着写着就不对劲了 这是vue3啊 很多语法都不熟悉,敢这么写,我带着恐惧和迷茫写着,问题来了,其中我有两个组件 一个组件要调用另一个组件的方法 传值,我搜了大篇的文章,发现都是水文,挂羊头卖狗肉的恶心文章,进去就是vue2，后来我带着睡意反复的划着,总算找到了,1.好了我们先来看看vue3兄弟之间是怎么传值的第一步安装 npm i mitt新建文件eventBus.js 如下图两个...
2022-05-29 04:58:41
5322
4
原创 element-ui 单选框默认值不选中解决
初次使用elementui单选框 发现一个问题按照官网的案例我cv过来 发现不对劲 怎么默认值不选中 如下图 ,难道我cv没cv正确???心里那个气啊,难道我发现了element-ui bug了？？？好的在cv一遍 还是发现默认值不选中,我就好好看el-radio各个属性,依然百思不得其解,后来研究了一下,原来是自己的菜导致默认值不选中的,如图其实问题很简单label 是与v-mode对应的 也就是说v-mode 的值等于label的值 如果相等就默认选中那个因.
2022-05-22 17:08:22
904
原创 vue3脚手架创建项目,然后再去安装scss报错解决方式
今天用 vuecli3 创建vue3项目 发现然后引入scss报错,看到网上很多的解决办法,都还是错误,最后终于知道是哪里错误了,废话不多说,看下图报错肯定是因为scss和node版本不一样我的node版本是这样的解决办法就是//卸载当前版本npm uninstall node-sassnpm uninstall sass-loader安装node-sas和sass-loader一定要安装我这个版本的哦 cnpm install node-s
2022-05-22 16:53:55
566
原创 axios中data与params的区别
今天在联调接口的时候,发现一个问题,什么问题呢,好大家往下看~~~对吧 我们后端信息就这样,然后看我怎么传值的我就写了个data里面是需要的参数,然后控制台报错看到没 就是一直报参数错误，搞我我一直傻傻的对请求参数看有没有参数,眼睛都干了,后来无意中将data改为params原来params的发送请求是讲请求的接口按照字符串拼接起来而data是将请求的参数对象在body作为一个请求体,一般是JSON格式所以我该为params就好了...
2022-05-15 19:15:11
606
1
原创 保姆级式配置axios及跨域教学
1.这几天业余时间,帮人写下项目,一个朋友在一个新的脚手架不会配置axios,然后他们后端接口也写好了，我之前也从没有写过这方面的配置，正好拿了他们项目练习下...2.配置的过程看似步骤不多,但是留的坑是特别的多，下面我为大家介绍下步骤3.第一步 先在vue的根目录创建一个 vue.config.js 然后配置devServer4. 他们的接口URL：http://localhost:3000/user/svgcapture5.然后在自己的axios下的配置然后 就可...
2022-05-13 15:00:26
143
原创 你真的了解生命周期？？？？？
场景:父组件请求了一个数据 获得一个 res.data, 然后赋值给 data 对象的 detailsForms然后通过父传子的形式给 子组件但是 我们在mounted调用这个方法的时候会然后再去打印这个detailsForms 发现 打印的是这个这说明什么呢？ 说明 我们 先拿到数据 然后再去执行这个方法,然后在到渲染这个过程可是我们的数据 要给兄弟组件传值啊？ 所以必然不能在mounted调用这个方法我们只有在updata里 只有更新数据了,才会...
2021-10-06 00:32:08
64
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人