pycharm 关闭eslint 文件->设置->语言和框架->JavaScript->代码质量工具->ESLint

如何查看vue版本号？ 方法1、全局查看vue版本号 npm info vue方法2、局部（当前项目）查vue版本号 npm list vue version方法3、此外还可以通过 package.json 查看使用的 vue 版本号 附：查看vue-cli版本号 vue -V

修改前： "vue/max-attributes-per-line": [2, { "singleline": 10, "multiline": { "max": 1, "allowFirstLine&quot

<script setup> 是 Vue 3 中的新特性，它是一种简化和更具声明性的语法，用于编写组件的逻辑部分。相比之下，<script> 是 Vue 2 中常用的编写组件逻辑的方式。 下面是 <script> 和 <script setup> 的一

https://gitee.com/panjiachen/vue-admin-template/ https://github.com/PanJiaChen/vue-admin-template

let 和 const 是 JavaScript 中用于声明变量的关键字。 let 关键字用于声明可变（可重新赋值）的变量。通过使用 let 关键字声明的变量可以在其作用域内被重新赋值。例如： let x = 10; x = 20; // 可以重新赋值 const 关键字用于声明不可变（不可重新赋值

Element如何修改DatePicker的宽度 方法/步骤 1 打开一个vue文件，添加DatePicker日期选择器组件，设置默认日期为null。如图 2 在组件上添加style样式属性，设置width值为300px。如图 3 保存vue文件后使用浏览器打开，即可看到日期选择器的宽度已经变为30

文件->设置->编辑器->代码样式->HTML->其他-->在空的标签（打钩）

创建vite项目

Vue-router 路由安装以及使用_vue项目安装router

vue中的 axios请求_$axios请求

当你单独把这个deep放到style标签中，就会生效了：而且不能使用lang属性。总结就是要把:deep()单独一块放在style中，才会生效。翻译是>>>和/deep/已经被弃用，要用:deep()代替。在scss下的父元素里用:deep()语法。在父元素的class后加上:deep()_deep vue3

Vue-resource是Vue高度集成的第三方包，能很方便的放松请求。注意Vue-resource依赖于Vue，只能在Vue环境下使用。

理想的是页面创建时就向后台获取数据，然后将数据渲染在页面上，可是失败了，但是控制台也没有报错，只有单独绑定数据的ReportTitle渲染成功。最后问了大佬才发现，因为我用的是Vue2，必须要用this。最后就成功显示啦，就是格式不太对，但是可以显示成功了。直接上代码：html代码如下。Vue3才可以不用this。

vue2+js+elementUI升级为vue3+ts+elementUI plus

   

其实刚开始，我是想使用元素获取焦点事件，然后通过处理这个焦点事件，打开对话框，然后选择文件，但是这里有个问题，就是选择完文件之后，这个元素还是获取焦点，然后就会继续打开对话框，无限循环........，即便你通过e.target.blur() 让输入框失去了焦点，但是因为这是ui框架包装的输入框，所以还是会继续获取焦点，所以这个方案废弃。然后我就在想，既然这个输入框不能使用click事件，那给它包一个元素，在外层元素上绑定点击事件，然后通过事件冒泡来实现呢？嗯，经过我的不懈努力，这个方案不错。_elementui选择文件

在使用vue3 watch监控数据的时候出现执行2次的情况watch( () => overviewStore.selectModule,//pinia数据 function (newV) { loadState(newV); });操做说明：监听的是pinia中的state加载当前页面切换路由到其他页面再切换回来 overviewStore.selectModule执行2次如果watch的对象为props则不会出现执行2次情况目前还没搞明白为什么出现2次_vue3 watch多次触发

有时候需要将上传后的文件转换为base64编码，然后传递给后端使用，这个时候，就用到了FileReader对象来读取文件内容，并转为base64编码使用。所以如果传递给后端接口，就需要将这部分内容替换掉：event!.target.result.split("base64,")[1]如果是图片，就会包含： data:image/png;base64, 这个前缀。_vue 上传文件base64

就暂时不描述，只可意会不可言传了。

_vueconfigjs配置proxy

【vue2】前端实现下载后端返回的application/octet-stream文件流

通过jsBridge方法，H5可以调用客户端（ios，android）的内部方法，但是在vue里，所有的方法都是在组件内部声明的，也只能在组件内部调用，同样，客户端也需要能调用H5页面里定义的js方法，原生调用h5方法必须定义在window对象下。

vue、elementUI、scoped_element ui scoped

1.事件绑定可以用 v-on 指令监听DOM 事件，并在触发时运行一些 JavaScript 代码。v-on 还可以接收一个需要调用的方法名称。methods: {event是原生 DOM 事件除了直接绑定到一个方法，也可以在内联 JavaScript 语句中调用方法，通过由于事件绑定在vue中使用概率较大，所以这里提供了简写形式进行事件绑定时，可以将缩写为**@事件名**，此方式经常使用 :事件修饰符事件修饰符。

一般用于父组件动态变换宽高,子组件需要同步修改宽高，我这里是用在了一个ElementUi弹窗上面，当页面大小发生变化后，动态修改弹窗的大小，我试着通过deep函数修改el-dialog__body的高度，但是不好用，因为我的style上面加了scoped，但是呢，在el-dialog__body的div上却没有data的hash值绑定，所以导致样式不生效，所以要把style的scoped属性去掉才可以：具体动态修改元素宽高的方法，大概有三种方式。_vue动态设置div宽度

本篇文章和大家了解一下vue项目打包部署跨域怎么实现。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。跨源资源共享（CORS，或通俗地译为跨...

本篇文章和大家了解一下vue中定义全局声明vscode插件提示找不到问题怎么办。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。正文我在学习使...

今天小编给大家分享的是vue-electron中如何修改表格内容和样式，相信很多人都不太了解，为了让大家更加了解，所以给大家总结了以下内容，一起往下看吧。一定会有...

在Vue的开发中，input事件是一个非常常见的事件。该事件在用户在input框中输入信息时触发。Vue提供了多种方法来处理这个事件，包括绑定数据、调用函数等等。