- 博客(34)
- 收藏
- 关注
RSS订阅原创 手机app点击电话弹出呼叫、复制号码、添加到手机通讯录
1.在index.html中添加：<meta name="format-detection" content="telephone=yes" />2.在需要页面中添加：window.location.href = 'tel:' + 'XXXXX20269'
2024-09-02 16:05:15
310
原创 vue3和TS引入路径报错：Cannot find module ‘@config/utils‘ or its corresponding type declarations.
1.在vite.config.ts中进行配置。2.在tsconfig.json中进行配置。
2024-07-02 14:14:27
330
原创 vue3中引入组件提示Module ‘“XXXXX/index.vue“‘ has no default export.
2.输入vetur.validation.script，把复选框勾选去掉，进行vetur配置，最后重启vscode即可。1.点击vscode右下角设置按钮，选择设置。
2024-07-02 14:09:09
1105
2
原创 vue实现无缝滚动 vue-seamless-scroll插件
拷贝列表次数，默认拷贝一次，当父级高度大于列表渲染高度的两倍时可以通过该参数控制拷贝列表次数达到无缝滚动效果。singleHeight and singleWidth 是否开启 rem 度量。控制滚动方向，可选值up，down，left，right。通过v-model控制动画滚动与停止，默认开始滚动。开启滚动的数据量，只有列表长度大于等于该值才会滚动。在开启鼠标悬停的情况下是否开启滚轮滚动，默认不开启。无缝滚动列表数据，组件内部使用列表长度。动画循环次数，默认无限循环。第二步：引用组件全局引用。
2024-06-11 10:48:00
818
1
原创 vue中文件加载顺序
从加载顺序中可以看出main.js是先执行的，但出现（index.html>app.vue>main.js）问题是由ES6的模块化加载规则导致的。因为ES6是编译时加载且import命令具有提升效果，会提升到整个模块的头部，优先执行，故导致上述问题。ES6、CommonJs、AMD的加载规则。
2023-02-20 17:02:24
5459
原创 vue封装全局组件
需求：公司官网中需要点击“在线咨询”的时候弹出在线客服，在线咨询多个页面多个位置都有这个功能，为方便使用封装成全局组件，下方只为记录全局组件方法故组件代码简写。第一步：先写一个简单的组件，在components文件夹下面创建一个online.vue，把所需要的方法直接写在online.vue中。第二步：封装成全局组件 在config>plugins文件下面创建一个online.js。第三步：在main.js中全局引入全局组件online。第四步：直接使用全局组件的方法，避免多次引用组件。
2023-02-20 16:10:46
1726
原创 vue中iframe的使用（1）
1. 记录vue中使用iframe，直接上代码。父元素给iframe传值的方法。iframe接收父元素传的值。
2023-02-20 15:48:12
1943
原创 ESlint提示Unnecessary use of boolean literals in conditional expression
使用三元运算符时，判断返回的是true或者false，ESlint提示Unnecessary use of boolean literals in conditional expression。解决方法：使用双重否定，迫使结果变成一个布尔类型。
2023-01-13 15:55:56
479
原创 vue3中引入本地图片
记录下vue3中引入本地图片：使用require引入，require里面为图片路径，一般用相对路径，注意require不能接收变量作为地址export default defineComponent({ name: 'test', setup() { const projectStatistics = ref([ { title: '明日项目', icon: require('@/assets/imgs/line-chart1.png'
2022-03-16 10:45:53
6741
4
原创 vue如何给自带默认回调参数的函数添加自定义参数
记录：vue中单击事件时候保留事件原始参数也自定义参数<a-checkbox class="enableState-style" @change="(e) => statusChangeFun(e, record)">关</a-checkbox>
2022-02-09 11:17:21
1186
原创 vue3中仿模态框点击空白处隐藏某个div
1. vue3中建立div结构如下：<div ref="codeDom"> <ul v-show="isShow"> <li>测试</li> </ul></div>2. 在ts中写入处理方法如下：import { defineComponent, ref, onMounted, onUnmounted } from 'vue'export default defineComponent({
2022-01-26 15:16:29
1481
原创 vue3+ts 中Type XXX is not assignable to type ‘never‘.
记录：在使用vue3+ts开发过程中遇到Type XXX is not assignable to type 'never'的问题
2021-12-22 13:55:22
5959
原创 vue3中axios使用put方法，content-type=application/x-www-form-urlencoded
使用方法：1.安装qsnpm install qs2. 设置content-type为application/x-www-form-urlencodedconst instance = axios.create({ url: url, method: method, withCredentials: true, headers: { 'content-type':'application/x-www-form-urlencoded' .
2021-12-21 20:29:35
1382
原创 vue3+ts引用第三方模块报错Could not find a declaration file for module ‘***‘.
vue3+ts引用第三方模块报错：以js-md5为例, 报错原因如下：原因是：‘vue-xxx’文件可能不是.ts文件而是.js文件解决方案1：在终端中输入：npm install --save-dev @types/js-md5解决方法2：在目录src中创建shims-vue.d.ts文件...
2021-11-18 15:33:37
14564
原创 http：IP开头的路径使用js-audio-recorder报浏览器不支持getUserMedia
因为浏览器不支持http:IP开头的路径，认为安全性不高只支持浏览器：file:，https:，http://localhost解决办法：在谷歌浏览器的地址栏中输入：chrome://flags/#unsafely-treat-insecure-origin-as-secure就好了，或者用http: 域名也可以解决...
2021-11-10 11:27:25
3036
原创 Inline JavaScript is not enabled. Is it set in your options?
当vue使用antd的时候出现这个错误解决办法：1.在packge.json中先检查项目的less-loader的版本，原因是会有版本不兼容的问题，如果版本是5.0.0，解决办法如下： css: { loaderOptions: { less: { modifyVars: { 'primary-color': '#1DA57A', 'link-color': '#1DA57A', .
2021-10-12 10:29:09
1081
原创 vue+antd中table动态隐藏显示列数据
应用场景：table中老师、学生、年龄三列，当搜索学生时3列都显示，当搜索老师时学生列不显示，默认搜索值为学生table中columns的数据如下：const columns = [ { title: '老师', dataIndex: 'teacher', ellipsis: true }, { title: '学生', dataIndex: 'student', ellipsis: true }, { title: '年
2021-09-27 15:52:37
2976
原创 vue3在自定义hooks中使用userRoute结果为undefined,如何在自定义hooks中使用userRoute
vue3.0中在setup中使用路由import { defineComponent } from 'vue'import { useRoute, useRouter } from "vue-router"export default defineComponent({ const route = useRoute() const router = useRouter() console.log(route.query.id) router.push(
2021-09-09 12:59:38
7758
2
原创 vue3+antd2中select的模糊查询
vue3+antd2中select的模糊查询，好记性不如烂笔头记录下问题：后台数据：需求：获得选项的文本，给后台传id，支持模糊查询解决办法代码如下： <a-form-item label="一级分类：" name="fieldA" > <a-select v-model:value="formState.fieldA" placeholder="请选择一级分类" show-search label-in-value option-filter-prop...
2021-09-09 10:42:10
571
原创 vue3+ant2 组件form中使用InputNumber
初次使用，记录下问题：使用inputNumber时加校验，点击确定时无论inputNumber中是否有数组都一直提示"为输入内容"，但是当输入字符时就没有提示，
2021-09-08 16:58:23
923
原创 Invalid watch source: XXX A watch source can only be a getter/effect function
vue3.0分页问题：最后一页的最后一条数据删除后，页面为空，页码没有跳转到前一页报错的问题解决方法：const paginationData = reactive(props.pagination)watch(() => paginationData.total, () => { if (paginationData.current > paginationData.pages && paginationData.total) { .
2021-09-08 14:56:32
2165
原创 vue3中vue-router的使用
1.路由页面跳转import { useRouter } from 'vue-router'export default defineComponent({ setup() { const router = useRouter() router.push('./index') }})2.路由获取path及paramsimport { useRoute } from 'vue-router'export default defin
2021-09-03 14:37:48
227
原创 Passive Event Listeners
vue3中写项目时，Chrome提示以下信息：[Violation] Added non-passive event listener to a scroll-blocking 'wheel' event. Consider marking event handler as 'passive' to make the page more responsive.翻译为：[违规]将非被动事件侦听器添加到滚动阻止“滚轮”事件。将事件处理程序标记为“被动”以使页面更加响应。原因为：Chrom..
2021-09-03 14:24:46
326
原创 vue3.0子组件emit传值给父组件报警告
记录下vue3.0中子组件使用emit传值给父组件，报以下警告runtime-core.esm-bundler.js?5c40:6871 [Vue warn]: Extraneous non-emits event listeners (getSon) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the
2021-08-11 15:12:33
3535
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人