128293 vue3 jsx vue
Ant Design Vue Table 嵌套子表格的数据刷新方法
父子组件各自负责，在table中嵌套了子表格后，首次加载表格时，父组件会实例化子组件并传递参数，折叠后再次展开时，只会传递参数，子组件的数据刷新就属于子表格了。如 @@@code <template #expandedRowRender="{ record }"> <originIndex styl ......
vue-i18n
https://kazupon.github.io/vue-i18n/zh/introduction.html 开始 如果使用模块系统 (例如通过 vue-cli)，则需要导入 Vue 和 VueI18n ，然后调用 Vue.use(VueI18n)。 格式化 在某些情况下，你可能希望将翻译呈现为 ......
vue~vuex的使用
存储相关 Vuex 和本地存储（如localStorage）以及 cookie 存储（如 document.cookie）之间有一些关系，但它们是不同的概念，用于不同的目的。 Vuex： Vuex 是 Vue.js 的官方状态管理库，用于在 Vue.js 应用程序中管理应用程序的全局状态。 Vuex ......
Ruoyi-Vue-Plus 修改模块名+包名
一、修改模块名 模块名需要一个一个改，这里以ruoyi-demo模块为例 重命名模块和目录 全局替换引用 全局搜索并替换ruoyi-demo 其他模块以此类推 修改完以后如果报红，可以刷新idea缓存 二、修改包名 改包名 全局替换引用com.ruoyi ......
Vue2——监听页面滚动实现菜单和页面对应
前言 如题，监听页面的滚动并激活相应的菜单，一个老项目的维护，后面反正要全部重构，这里就先实现功能就好了； 内容 元素内容 主要是添加相应的id，生成目录后直接通过锚点来跳转 监听滚动 window.addEventListener('scroll', () => { const sections ......
Vue.js的index.html文件中引入JavaScript文件
将js文件放在public文件夹下面 在index.html文件下引入js文件 在前面加<%= BASE_URL %>后面加路径，如果想将本地js文件打包之后也放在static/js文件夹下，需要在public文件夹下创建一个和打包之后文件放的位置一样的文件夹 <script src="<%= BA ......
Taro+vue3 关注抖音号
Taro使用vue3或者react框架，data-aweme-id属性是不被解析到生成的页面代码中的，所以需要借助编译插件@tarojs/plugin-inject去注入标签属性； https://taro-docs.jd.com/docs/vue-overall#dataset 业务页面： <bu ......
vue--day83---路由的params参数
1. 配置路由，声明接收params参数 ```js { path:'/home', component:Home, children:[ { path:'news', component:News }, { component:Message, children:[ { name:'xiangqi ......
关于在vue里面使用导航栏需要注意的事项
1、右侧内容的显现 右侧内容由el-main标签包围，需要在里面填上： 内容才能成功显现！ 2、路由所在 不仅仅要在APP.vue里面放路由： 还要在Index.vue里面放置： 初学小白找这个错误找了好久！ ......
vue--day82--命名路由
### 5.命名路由 1. 作用：可以简化路由的跳转。 2. 如何使用 1. 给路由命名： ```js { path:'/demo', component:Demo, children:[ { path:'test', component:Test, children:[ { name:'hello ......
如何使用Vite创建Vue3的uniapp项目
项目结构 my-vue3-project ├─ .env //默认环境变量 ├─ .env.development //开发环境变量 ├─ .eslintrc-auto-import.json //（autoimport变量，eslint配置）由auto-import插件生成 ├─ .eslintr ......
vue--day81---路由的query参数
1. router/index.js //该文件专门用于创建整个应用的路由器 import VueRouter from "vue-router" import About from '../pages/About' import Home from '../pages/Home' import N ......
自写vue导航栏--动态读取js的数据
App.vue <template> <el-container class="layout-container-demo" style="height: 500px"> <el-aside width="200px"> <el-scrollbar> <!-- <el-menu :default-o ......
Vue学习二：指令补充、computed计算属性、watch侦听器、案例：水果购物车
一、指令修饰符 通过"."指明一些指令后缀，不同后缀封装了不同的处理操作 → 简化代码①按键修饰符@keyup.enter → 键盘回车监听②v-model修饰符v-model.trim →去除首尾空格v-model.number →转数字③事件修饰符@事件名.stop →阻止冒泡@事件名.prev ......
Module parse failed: Unexpected token (7:27) File was processed with these loaders: * ./node_modules/vue-loader/dist/templateLoader.js * ./node_modules/vue-loader/dist/index.js 问题的解决
问题描述 由于自身用的是vue3的版本，所以原来的element组件只是适用于vue2，而vue3就是即便按照教程的步骤进行更改，还是依然报错，所以， 我们在使用组件的时候，就需要直接使用element-plus组件； 然而，在我引入新的组件之后，就出现了这样的错误： 满屏的红色呀！ 问题解决 经过 ......
vue-cli
1.安装node.js 下载链接：Node.js百度网盘链接 提取码：6666 安好后使用 cnpm -v查看版本是否成功 成功后直接安装vue脚手架 cnpm install -g vue-cli 安装webpack（打包） cnpm install webpack -g 2.创建项目 2.1 使 ......
ant design of vue 表格 默认,跨页勾选,翻页选择记忆勾选，数据回显勾选
需求 在使用ant design of vue 的table表格时需要让之前已选择的数据显示勾选状态，还要支持跨页勾选 思路 需要指定row-key绑定的值必须唯一 ant-design-vue的表格对于跨页勾选支持的非常友好，只要设置绑定一下rowKey就可以了，我这里绑定的是workerId 代 ......
快速初始化Vue3项目终端工具 x-init
https://github.com/zjy4fun/x-init 安装工具 npm install -g x-init 快速创建一个项目，只需`x projectName`即可快速创建项目，支持国内加速👀 x demo ......
vue项目安装依赖
目录🥇如果是别人的项目(标注：别人移除了modules文件夹)🥇如果是自己的项目或者自己要另外下载依赖🥈安装生产依赖🥈安装开发依赖🥈安装特定版本🥇卸载依赖 🥇如果是别人的项目(标注：别人移除了modules文件夹) # 可以执行下面这条命令下载依赖 npm install # 或者输入 ......
vue中使用xlsx插件前端读取解析excel文件
问题描述 工作中一般都是后端去解析excel数据，前端使用上传组件去将excel组件丢给后端，后端使用一些插件去解析excel（比如hutool工具类） 不过有些情况下，前端也需要去做一些excel的解析，比如产品经理说，在上传excel文件之前，要做一个excel的图表化预览审核查看啥的，没问题的 ......
js 大屏屏幕适配方案，同样适用Vue
vue项目写在 index.html文件下 以1920*1080为基准的屏幕做适配，在网上找的方案在全屏于非全屏时，效果会有一点点差距，所以对代码进行了改进。 如果网页不是全屏则需要加上任务栏高度、工具栏高度进行计算缩进。 我的项目是数据大屏项目一般都是全屏看，所以非全屏时会存在滚动条，并不是bug ......
如何在Vue3中配置国际化语言i18n
1. 安装 vue-i18n npm i vue-i18n -S 2. 创建一个i8n的配置文件 如：i18nConfig.js // 配置 vue-i18n 实现国际化语言设置 import { createI19n } from 'vue-i18n' import zh_cn from '../ ......
创建vue3的项目和目录结构讲解
本节目标 了解Vue3 项目的结构 学习Vue3 项目的基本开发知识 Vue3 和 Vue2的开发区别 全局安装vue-cli npm i -g @vue/cli vue create vue3-json-schema-form 自定义vue3 配置 自定义配置： 选择 [自定义] ，通过方向键上下 ......
关于vue的 scoped
前沿 关于在vite中使用 less | sass npm install less -D npm install sass -D 在style标签注明： <style lang="less"></style> <style lang="scss"></style> scoped scoped实现组 ......
vue可以使用this.$set()来进行强制更新，进而解决问题
可以使用this.$set()来进行强制更新，进而解决问题 对象操作： 三个参数：this.$set("改变的对象"，"改变的对象属性"，"值") 数组操作： 三个参数：this.$set("数组"，"下标"，"值") ......
Vue3+Axios网络请求封装（转）
转自：原文链接：https://blog.csdn.net/weixin_43295498/article/details/130939488 代码说明 代码主要分为以下几个部分： import导入模块。在这个代码段中，我们导入了axios和element-plus两个模块，并对其进行了解构。 定义 ......
vue3 表头显示小图标
<!-- 排班信息 --> <el-table v-resize:44 :data="tableData" class="table" border style='margin: 10px 0px' highlight-current-row element-loading-text="数据正在加载 ......
【源码】Vue.js 官方脚手架 create-vue 是怎么实现的？
最近系统学习了vue.js 的官方脚手架create-vue的源码，深入分析了里面的技术实现细节，本文是我整理的源码学习文章。 ......
vue 页面导出为pdf与word
vue 页面导出为pdf与word 一.导出为word 基于 docxtemplater 来导出word文档的方法 1.安装引用依赖 // 安装 docxtemplater npm install docxtemplater pizzip --save // 安装 jszip-utils npm i ......