随笔分类 -  vue

uniapp ssr发行后一直Hydration completed but contains mismatches Cannot find module
摘要：最开始我用前端网页托管的地址访问一直是 Hydration completed but contains mismatches 解决方案 要从云函数的地址访问项目。 先绑定域名，否则用uniapp自带地址访问一直是下载文件 设置路径 最后效果 uniapp ssr 云函数访问 MODULE_NOT_ 阅读全文

posted @ 2023-09-25 17:56 愤怒的苹果ext 阅读(121) 评论(0) 推荐(0) 编辑

swiper vue修改数据，swiper不更新的问题
摘要：swiper第一次初始化的时候正常，但是当我改变源数据时，要么就是不能把数据显示完，要么就是没有翻页。尝试过重新赋值swiper，但是依旧没有解决，后面找到下面的方案，测试能够解决我的问题。 解决方案，增加监听的配置。 initSwiper() { // 这是我的源数据 const length = 阅读全文

posted @ 2023-08-11 18:45 愤怒的苹果ext 阅读(285) 评论(0) 推荐(1) 编辑

vue.runtime.esm.js:4560 [Vue warn]: Property or method “item“ is not defined on the instance but
摘要：报错异常 vue.runtime.esm.js:4560 [Vue warn]: Property or method “item” is not defined on the instance but referenced during render. Make sure that this pr 阅读全文

posted @ 2023-05-26 20:30 愤怒的苹果ext 阅读(142) 评论(0) 推荐(0) 编辑

nuxt _id.vue asyncData 调用2次的问题
摘要：我的代码 找了很久，发现居然是 <img :src="item.icon + ''" /> 的问题， 问题发生在item.icon 等于空字符串，拼接单引号的问题，把单引号取消就可以了。 阅读全文

posted @ 2023-03-02 20:00 愤怒的苹果ext 阅读(37) 评论(0) 推荐(0) 编辑

vue tinymce Cannot read properties of undefined (reading ‘open‘)
摘要：目录 背景解决方案参考 背景 在页面直接使用tinymce <Editor>标签会报错 解决方案 先用v-if把代码包裹起来。 // displayEditContainer默认值是0 <span v-if="displayEditContainer"> <Editor placeholder="x 阅读全文

posted @ 2023-02-11 20:30 愤怒的苹果ext 阅读(90) 评论(0) 推荐(0) 编辑

vue改变数组的值，样式控制没变化
摘要：目录 问题背景解决方案第一种，使用this.set(target,index,value)第二种，this.forceUpdate() 参考 问题背景 我用0 ， 1 控制隐藏还是显示，因为有多个所以用的数组，如下代码 ...省略... data() { return { condit 阅读全文

posted @ 2023-02-07 21:45 愤怒的苹果ext 阅读(22) 评论(0) 推荐(0) 编辑

el-form点击提交会跳转页面/?
摘要：解决办法 第一个办法 把提交按钮放在 </el-form>标签外面。代码如下： <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> ...省略... < 阅读全文

posted @ 2023-01-30 22:30 愤怒的苹果ext 阅读(43) 评论(0) 推荐(0) 编辑

Cannot set headers after they are sent to the client nuxt
摘要：目录 背景解决方案方案一方案二 背景 使用axios在created时请求2个接口，代码如下。 然后报错如下： ERROR Cannot set headers after they are sent to the client 14:54:29 at new NodeError (node:int 阅读全文

posted @ 2023-01-27 15:07 愤怒的苹果ext 阅读(55) 评论(0) 推荐(0) 编辑

nuxt-link点击无反应
摘要：背景 比如以下2个地址 描述路由页面用户列表页面/user/pages/user/user.vue用户详情页面/user/idxx/pages/user/_id.vue 当我们停留在用户详情页面时，想要回退到用户列表页面页 。在用户详情页面有这样的代码。 <nuxt-link to="/user"> 阅读全文

posted @ 2023-01-14 19:45 愤怒的苹果ext 阅读(70) 评论(0) 推荐(0) 编辑

nuxt-link跳转到当前页面，不同query参数值不加载
摘要：目录 背景解决方案参考 背景 例如地址是这样的http://localhost:81/xxx，现在加上参数http://localhost:81/?act=0。默认情况下是不会加载的。 解决方案 使用watchQuery。文档地址：https://nuxtjs.org/docs/components 阅读全文

posted @ 2023-01-09 19:30 愤怒的苹果ext 阅读(155) 评论(0) 推荐(0) 编辑

小心pointer-events: none；
摘要：我发现点击事件不生效。 一开始我以为是swiper的问题，后面发现是css属性pointer-events: none;阻止了。 去掉后就可以点击了。 阅读全文

posted @ 2023-01-03 19:30 愤怒的苹果ext 阅读(18) 评论(0) 推荐(0) 编辑

Vue Swiper横向循环焦点轮播
摘要：目录 效果代码 效果 Swiper横向循环焦点，并且有层叠的效果。如下图所示。 代码 Html <div class="home_carousel"> <div ref="swiperRef" class="swiper-container swiper-container-horizontal"> 阅读全文

posted @ 2022-12-30 20:45 愤怒的苹果ext 阅读(232) 评论(0) 推荐(0) 编辑

导航

< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示