![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
愤怒的苹果ext
本人擅长Ai、Fw、Fl、Br、Ae、Pr、Id、Ps等软件的安装与卸载,精通CSS、JavaScript、PHP、ASP、C、C++、C#、Java、Ruby、Perl、Lisp、python、Objective-C、ActionScript、Pascal等单词的拼写,熟悉Windows、Linux、Mac、Android、IOS、WP8等系统的开关机.
展开
-
虚拟滚动原理
可视窗口只显示一页数据,设置占位,把滚动条显示出来。然后根据偏移量动态改变显示的数据,同时要修改list位置。使其在可视窗口内。原创 2024-06-12 08:54:28 · 297 阅读 · 0 评论 -
uniapp ssr发行后一直Hydration completed but contains mismatches Cannot find module
先绑定域名,否则用uniapp自带地址访问一直是下载文件。要从云函数的地址访问项目。原创 2023-09-25 17:56:49 · 808 阅读 · 0 评论 -
swiper vue修改数据,swiper不更新的问题
swiper第一次初始化的时候正常,但是当我改变源数据时,要么就是不能把数据显示完,要么就是没有翻页。尝试过重新赋值swiper,但是依旧没有解决,后面找到下面的方案测试成功。解决方案,增加监听的配置。原创 2023-08-11 18:45:00 · 1080 阅读 · 0 评论 -
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。原创 2023-05-26 20:30:00 · 854 阅读 · 0 评论 -
nuxt _id.vue asyncData 调用2次的问题
的问题, 问题发生在item.icon 等于空字符串,拼接单引号的问题,把单引号取消就可以了。找了很久,发现居然是。原创 2023-03-02 20:00:00 · 374 阅读 · 0 评论 -
vue tinymce Cannot read properties of undefined (reading ‘open‘)
【代码】vue tinymce Cannot read properties of undefined (reading 'open')原创 2023-02-11 20:30:00 · 919 阅读 · 0 评论 -
vue改变数组的值,样式控制没变化
性能消耗高,推荐使用第一种。原创 2023-02-07 21:45:00 · 381 阅读 · 0 评论 -
el-form点击提交会跳转页面/?
BaseButton 是我自己封装的button组件。原创 2023-01-30 22:30:00 · 634 阅读 · 0 评论 -
Cannot set headers after they are sent to the client nuxt
【代码】Cannot set headers after they are sent to the client nuxt。原创 2023-01-27 15:07:04 · 654 阅读 · 0 评论 -
nuxt-link点击无反应
【代码】nuxt-link点击无反应。原创 2023-01-14 19:45:00 · 638 阅读 · 0 评论 -
nuxt-link跳转到当前页面,不同query参数值不加载
【代码】nuxt-link跳转到当前页面,不同query参数值不加载。原创 2023-01-09 19:30:00 · 754 阅读 · 0 评论 -
小心pointer-events: none;
一开始我以为是swiper的问题,后面发现是css属性。我发现点击事件不生效。去掉后就可以点击了。原创 2023-01-03 19:30:00 · 194 阅读 · 0 评论 -
Vue Swiper横向循环焦点轮播
【代码】Vue Swiper横向循环焦点轮播。原创 2022-12-30 20:45:00 · 2007 阅读 · 3 评论 -
el-dialog从左到右的动画
【代码】el-dialog从左到右的动画。原创 2022-12-08 19:15:00 · 627 阅读 · 0 评论 -
js map size为0的问题,为什么Map get undefined
后面想到可能是异步的问题。在我调用方法的时候还没有初始化完成。所以用去延迟测试了一下,果然是这样。于是我改成的和。再看输出就有了。原创 2022-12-07 21:00:00 · 1125 阅读 · 0 评论 -
swiper loop点击跳转
【代码】swiper loop点击跳转。原创 2022-11-22 22:00:00 · 146 阅读 · 0 评论 -
el-dialog中ref无效
el-dialog中的组件是不会提前加载的。所以使用$refs会报错。原创 2022-10-31 11:36:52 · 800 阅读 · 0 评论 -
Avoid using non-primitive value as key, use string/number value instead
【代码】Avoid using non-primitive value as key, use string/number value instead。原创 2022-10-09 10:08:02 · 140 阅读 · 0 评论 -
vue swiper点击切换slide
挑选了很久最终选择用swipe我用的是swipe 5.4.5,听说新版本对vue2支持不好。找到一个很活跃的库,但是居然宣布过时了。也是踩了很多坑,最终在找到例子和实例下载地址。回头一看,例子在github也能下载的。原创 2022-09-26 12:00:25 · 1164 阅读 · 0 评论 -
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-
警告原因,我不应该直接在里面修改。,原来的prop属性我改了名字。,这样我html代码就不动了。avoid mutating原创 2022-09-23 22:01:07 · 189 阅读 · 0 评论 -
vue监听滚动条事件
【代码】vue监听滚动条事件。原创 2022-09-23 21:59:37 · 13882 阅读 · 0 评论 -
nuxt vue 按住鼠标左右滑动方案收集
最近在做PC端网页左右滑动,找到以下3种方案,做个记录。原创 2022-09-05 12:30:49 · 390 阅读 · 0 评论 -
CSS 覆盖属性值
因为有相同属性存在,所以hover不成功。如下图所示。原创 2022-08-28 15:36:57 · 329 阅读 · 0 评论 -
nuxt auth 登录后重定向到原来页面
我有一个需求,就是登录后,还是回到之前的页面。如果是路由之间的跳转并且是启用了认证的页面,会自动跳转到之前的页面。这没什么问题。不过我想的是页面可以进入,但是某些axios请求要登录才能发起这种情况,找了比较久没有答案。后来偶然发现auth的重定向逻辑,原来是依靠的redirect。如下图所示。原创 2022-08-22 13:42:38 · 799 阅读 · 0 评论 -
nuxt tinymce 富文本navigator is not defined
用tinymce的时候会报navigator is not defined。先有tinymce模块。关闭服务端渲染。原创 2022-08-17 12:35:27 · 1017 阅读 · 0 评论 -
网站使用谷歌登录 oauth java nuxt auth
最近做谷歌快捷登录,走了比较多弯路,这里做个记录,希望对后面的人有所帮助。原创 2022-08-11 13:40:28 · 899 阅读 · 0 评论 -
el-table表格对不齐
现象解决办法可以在当前页面加入以下代码试试。<style>.el-table th.gutter{display: table-cell !important;}</style>加入后效果如下所示。原创 2021-02-07 11:11:19 · 619 阅读 · 0 评论 -
element ui 路由配置
目录创建router修改main.jsApp.vue加入router-view标签其他创建routerrouter/index.js代码如下所示import Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/HelloWorld'Vue.use(Router)export default new Router({ mode: 'history', // 如果不加这段代码原创 2020-12-17 17:04:07 · 1171 阅读 · 0 评论 -
自动刷新element ui table数据
使用setInterval函数调用重新赋值table表格的方法,代码如下所示。 created() { this.getTableList(); this.refreshTable(); },...省略... refreshTable() { setInterval(() => { this.getTableList(); }, 60000); },...原创 2020-10-21 17:17:16 · 2936 阅读 · 0 评论 -
element ui报错this function will be executed on each...The template root requires exactly one element.
报错信息如下所示。this function will be executed on each node when use filter method. if return 'false', tree node will be hidden.[vue/no-multiple-template-root]The template root requires exactly one element.解决办法:在<template>标签下随便再加个标签,比如<span>。.原创 2020-10-19 10:24:18 · 233 阅读 · 0 评论 -
element ui table显示本地图片
第一步:写column。注意前面要加一截路径,比如这里…/assets/...省略... <el-table-column prop="warningLevel" label="预警等级"> <!-- 图片的显示 --> <template slot-scope="scope"> <el-image .原创 2020-10-15 15:32:56 · 2189 阅读 · 5 评论 -
element ui 自定义icon图标
因为安装原型图设计实现页面,在element ui自带的图标库好像没有,所以按钮的图标icon需要自定义,原型如下图所示。第一步:复制图片到项目内。如下图所示。第二步:建立css样式,代码如下所示。<<style >/*使用图片来替换before属性中的content文本是用来占位的,必须有可以设置字体大小来确定大小使用visibility: hidden;来隐藏文字*/.el-icon-my-export{ background: url('~@/a.原创 2020-10-14 17:15:52 · 26697 阅读 · 25 评论