- 博客(192)
- 收藏
- 关注
RSS订阅原创 vue3 vite 引入包报错 无法找到模块“lib-flexible/flexible.js”的声明文件
【代码】vue3 vite 引入包报错 无法找到模块“lib-flexible/flexible.js”的声明文件。
2024-07-23 11:25:38
501
原创 2023-总结
跳出舒适圈虽然累一点，但是能接触到更多知识，技术，同事，氛围，环境。不仅丰富了人生，阅历也在快速成长。看着厉害的大牛会惊叹，看着别人的代码，会反思。
2024-02-06 16:00:18
315
原创 uniapp h5 echarts 打包后图表点击失效/及其他失效
打包后自动检测环境，会优先走到 wx里去。window.wx = {} // 开发正常 打包后 图表点击等也会失效。window.wx = null 会报错。hbuilderx版本 3.8.12。echarts版本 5.4.3。pc端 window11。在main.js 加上。
2023-09-13 15:18:13
1055
2
原创 vue3 使用字体 阿里巴巴矢量库字体
5 将下载包解压后将里面的文件一起 放到 assets 文件夹 自己创建的 字体包下面。我这里放在了 assets/typeface/number 文件夹下(6 在 number 文件夹里新建 font.css 加入以下代码。1 输入iocnfont 找到阿里巴巴矢量库官网。2 进入字体库 选择字体。
2023-07-19 09:42:35
1007
原创 vue3 粒子动画 canvas
<template> <div class=""> <canvas id="canvas"></canvas> </div></template><script setup>import { onMounted } from 'vue';let dconst project3D = (...
2023-07-11 23:06:00
334
原创 Vue Language Features (Volar) 1.4.+ 报错类型错误
类型"[ placement: “bottom-end”;"的参数的给类型“App Partial<i。点击选择另外一个版本 等一会儿出来个列表。选 1.2 就没有红线了。
2023-04-21 12:02:08
728
2
原创 vue3 拖拽 穿梭框
视图 通过 id 绑定 sortablejs 数据通过 data-xxx 自定义属性 挂载ts中 通过id获取dom 实现拖拽 getNewArr函数通过自定义属性对数据做处理以下是全部代码官网链接下面是文档Install with Bower:Import into your project:Cherrypick plugins:UsageYou can use any element for the list and its element
2023-03-08 10:29:04
1561
原创 安装pnpm -需要管理员身份
2 输入“set-ExecutionPolicy RemoteSigned”回车,根据提示输入A，回车。1 win+s 在系统中搜索框 输入“Windos PowerShell”右击“管理员身份运行”3 输入 pnpm -v 查看版本 如果没有版本好就是没有安装 pnpm。4 再次 pnpm -v 查询版本号 就可以查到了 说明安装成功。
2023-03-01 11:54:51
811
原创 js 模糊查询
用户通过 input 输入内容 代码中通过 input 的 @input 方法实时监测用户的输入。拿到用户输入内容去和候选数组内容比对 生成新的数组。
2023-03-01 11:47:01
89
原创 vue3 Carousel 走马灯 轮播图 element Plus 自定义图片翻页
思路：通过 ref 获取到dom 上的 方法。然后调用方法遇到的坑：通过 ref 获取到 dom 了。 但是就是无法使用方法， 报类似这样的错：Uncaught TypeError: cardShow.prev is not a function然后通过排查到dom 上信息 发现在 _value 上才有dom 方法。所以出现了 cardShow._value.next() 这个用法。友友们切记注意啊！！
2023-02-27 10:17:02
1433
原创 vue3 + vite 使用 svg 可改变颜色
/ 注意：这里之所以能自定义svg颜色，是因为我在.svg文件中把fill="xxx颜色值" 改为了fill="currentColor" (见下面第7步骤描述) 建议直接删掉 fill。中引入SvgIcon.vue组件，全局注册后在需要使用SvgIcon组件的地方将无需再引入。// 使用的svg图标名称，也就是svg文件名。// 自定义svg颜色，宽高等样式。已App.vue 示例。
2023-02-20 16:19:47
3242
1
原创 git提交
将 main.js 修改成 main-dev.js（开发）然后再新增一个 main-prod.js（发布）他们里面装的的main.js里的代码，一模一样的。@babel/plugin-syntax-dynamic-import // 安装后配置babel.config.js。4、git branch // 查看分支。app.use(express.static(‘./dist’)) // 7、 注册中间件。// 3、 npm i express -S // 安装第三方 express 包。
2023-02-16 15:45:26
844
原创 vue3 最详细教学篇(一)
如此就构建了一个完整的 vue3 + vite + element plus 项目。如果要用 vue3 + webpack 构建项目 请在此篇文章创建项目时。这就完整的创建并启动了一个 vue3 项目。
2023-02-10 11:38:32
827
原创 vue3 echarts 使用详情
ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。更多配置请查看官网示例配置项。
2023-02-10 10:04:12
180
原创 vue3 静态资源加载
如 public 有image logo.png 引入时： src=‘/image/logo.png’将静态资源放到 public 文件下 引入的时候以 ’ / ’ 代替。
2023-02-09 17:45:04
511
原创 vue 最详细教学篇（三）
router-link 切换后 显示的是 component 注册的组件里(Home / About)的内容。可以看出 router-link 要 to 的地方 就是 router 里的 path。这个文件里可以百度了解一下。
2023-02-09 11:54:09
368
原创 vue 最详细教学篇（一）
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。官网地址在这里>>MarkdownText-to-HTMLAuthorsJohnLuke。
2023-02-06 09:26:05
1005
原创 Vue3 富文本编辑器
官网 https://www.wangeditor.com/v5/for-frame.html#%E4%BD%BF%E7%94%A8-1安装：npm install @wangeditor/editor --savenpm install @wangeditor/editor-for-vue@next --save示例代码：<template> <div st...
2022-12-28 16:51:00
770
原创 vue3 ref 传参
1 子组件 Demo 里：<script setup>import {ref} from 'vue'let ceshi = ref(520)defineExpose({ // 通过 defineExpose 将 子组件 内部 数据 暴露给 父组件 ！！！！ ceshi})</script>2 父组件：<template>...
2022-12-23 16:08:00
1894
原创 vue3 组件传参
父传子父组件 绑定传参( :img_type="img_type") 不绑定只能传字符串import {defineProps } from 'vue'let props = defineProps({ //子组件接收父组件传递过来的值 img_type: String,})//视图中直接使用：<div>{{ img_type + '333333333333' ...
2022-12-23 09:32:00
174
原创 Vue3 清空Reactive定义的数组
shallowRef 定义得数组 清空let component_list = shallowRef([ {unit: Head, name: 'Head', id: 1}, {unit: TopClass, name: 'TopClass', id: 2},])component_list.value.length = [] // 清空定义数据打印图片：清空数组 数据 ...
2022-12-20 09:49:00
1622
原创 vue3 Element Plus 之 Message 消息提示 提示框 宽度 不对 横排不居中
【代码】vue3 Element Plus 之 Message 消息提示 提示框 宽度 不对 横排不居中。
2022-12-13 15:57:00
1004
原创 vue3 computed 用法
<script setup>import { useStore } from 'vuex'import { computed } from 'vue' let store = useStore() let sel = computed(() => store.state.login_index)</script>
2022-12-09 14:42:00
289
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人