2024-09-29下面是一个简单的示例，展示了如何在Vue组件中使用this.$emit()方法：项目文件夹下该组件定义路径 E:\myproject\src\components\ChildComponent\index.vue。

https://www.qianduange.cn//article/18759.html 分类：前端知识

2024-09-09本文介绍了如何使用Taro、NutUI、Vue3和TypeScript来创建自定义Tabbar。首先，在src/components下创建custom-tab-bar文件夹，包含customTabBar.vue和customTabBar.scss文件。然后在需要的页面如index.vue中，通过current属性控制当前页面索引。最后，运行npm run dev:weapp在微信开发者工具预览效果。

https://www.qianduange.cn//article/17956.html 分类：前端知识

2024-08-27本文详细展示了如何在移动端封装table组件，包括tableHeader和tableBody的代码实现，以及index.vue中的组件调用。作者反思了对UI库组件依赖的深入理解，激发了对源码探索的兴趣。

https://www.qianduange.cn//article/17117.html 分类：前端知识

2024-08-23今天帮同事看了一个问题，他尝试用vite vue3 ts pinia创建项目，结果刚上来就遇到这么一个问题。

https://www.qianduange.cn//article/16694.html 分类：前端知识

2024-08-15组装数据格式为，传到打印页面，最终打印页面会计算布局，根据一行显示多少列来遍历child进行布局后显示打印页面。粘贴以下代码进入index.vue组件中：注意阅读并分析这里面的实现，预留功能为一行N列实现，栅格布局计算！花了一天时间搞了个打印功能，现则将整体实现过程进行整理分享。在views目录下创建重组页面，即要实现的打印页面。2、重组页面打印格式为：这里重组页面的原因是客户要求为一行两列打印！在使用打印功能的父组件页面中引入上述子组件;_vue 打印

https://www.qianduange.cn//article/15704.html 分类：前端知识

2024-07-29实现合并单元格和多级表头可以直接用官网提供的写法，但是有可能数据会比较多的时候，就需要我们稍微改造一下，方便以后再出现合并的数据，直接可以公用。注意的项是 要和并的字段不一样，我们需要单独去设置；spanMethod 方法会根据 设定的 merge 值去合并；spanArr 方法执行计算属性，添加我们的判断条件。注意的是，可能需求不同，但是方法是一样的。只需要把方法中的值替换即可实现公用。满足条件的进行合并，不满足的则是单独一行展示。表格的数据布局 index.vue。数据的映射config.ts 页面_vue3 element-plus el-table 合并

https://www.qianduange.cn//article/14541.html 分类：前端知识

2024-05-30假设你有一个src/pages/DynamicComponents目录，里面包含多个 Vue 组件，你想根据某些条件动态地导入这些组件。src/pages/DynamicComponents/ComponentA.vue文件。src/pages/DynamicComponents/ComponentB.vue文件。包起来就好了，我直接使用了markRaw来包起组件 ，就解决这个警告了。src/pages/index.vue文件。这里报了一个警告：提示你去给组件使用。_vue3 import.meta.glob

https://www.qianduange.cn//article/10029.html 分类：前端知识

2024-05-27因为Vscode同时开启了editor.formatOnSave 和 editor.codeActionsOnSave， 如果只要eslint只需开启editor.codeActionsOnSave就可以了。这样就不会去走Vetur的情况。正在保存“index.vue”: 正在从“'Vetur', 'ESLint'”获取代码操作；_正在保存“index.ts”: 从 "'intellicode api usage examples', 'eslint'" (confi

https://www.qianduange.cn//article/9726.html 分类：前端知识

2024-05-25Uncaught ReferenceError: Echarts is not defined at eval (index.vue?335a:27:1)解决方法_uncaught referenceerror: echarts is not defined

https://www.qianduange.cn//article/9402.html 分类：前端知识

2024-05-09npm uninstall helloworld-1.0.1.tgz //删除组件。npm install helloworld-1.0.1.tgz //加载组件。npm config get registry //查看 npm 配置私库地址。npm unpublish ${包名} --force //删除已发布的包。新建packages/HelloWorld/index.vue文件。npm install ${包名} //下载对应包。npm publish //将npm包推送到私库。_npm打包指令

https://www.qianduange.cn//article/7769.html 分类：前端知识