m0_50080847的博客

【代码】vue3 vite 引入包报错 无法找到模块“lib-flexible/flexible.js”的声明文件。

打包后自动检测环境，会优先走到 wx里去。window.wx = {} // 开发正常 打包后 图表点击等也会失效。window.wx = null 会报错。hbuilderx版本 3.8.12。echarts版本 5.4.3。pc端 window11。在main.js 加上。

5 将下载包解压后将里面的文件一起 放到 assets 文件夹 自己创建的 字体包下面。我这里放在了 assets/typeface/number 文件夹下(6 在 number 文件夹里新建 font.css 加入以下代码。1 输入iocnfont 找到阿里巴巴矢量库官网。2 进入字体库 选择字体。

可以看到实际数组是有内容的，但还是 7006。可以看到加了类型就没有提示了。

视图 通过 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

当前视图：我要做的是将 Total 类似的 英文 改为 中文1. 在组件里引入 ElConfigProvider 组件 和中文包// ElConfigProvider 组件import { ElConfigProvider } from 'element-plus'// 引入中文包import zhCn from 'element-plus/lib/locale/lang/zh...

2 输入“set-ExecutionPolicy RemoteSigned”回车,根据提示输入A，回车。1 win+s 在系统中搜索框 输入“Windos PowerShell”右击“管理员身份运行”3 输入 pnpm -v 查看版本 如果没有版本好就是没有安装 pnpm。4 再次 pnpm -v 查询版本号 就可以查到了 说明安装成功。

用户通过 input 输入内容 代码中通过 input 的 @input 方法实时监测用户的输入。拿到用户输入内容去和候选数组内容比对 生成新的数组。

思路：通过 ref 获取到dom 上的 方法。然后调用方法遇到的坑：通过 ref 获取到 dom 了。 但是就是无法使用方法， 报类似这样的错：Uncaught TypeError: cardShow.prev is not a function然后通过排查到dom 上信息 发现在 _value 上才有dom 方法。所以出现了 cardShow._value.next() 这个用法。友友们切记注意啊！！

/ 注意：这里之所以能自定义svg颜色，是因为我在.svg文件中把fill="xxx颜色值" 改为了fill="currentColor" (见下面第7步骤描述) 建议直接删掉 fill。中引入SvgIcon.vue组件，全局注册后在需要使用SvgIcon组件的地方将无需再引入。// 使用的svg图标名称，也就是svg文件名。// 自定义svg颜色，宽高等样式。已App.vue 示例。

如此就构建了一个完整的 vue3 + vite + element plus 项目。如果要用 vue3 + webpack 构建项目 请在此篇文章创建项目时。这就完整的创建并启动了一个 vue3 项目。

ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。更多配置请查看官网示例配置项。

如 public 有image logo.png 引入时： src=‘/image/logo.png’将静态资源放到 public 文件下 引入的时候以 ’ / ’ 代替。