zhaofuqiangmycomm的博客

【代码】ant-design-vue select 下拉框不好用解决。

这个代表着安装4以上5以下的最新版本 所以 因为"vue-router": 发布了最新的"4.5.0" 我们重新安装时 给安装了最新的 与我们的项目中的一些写法有冲突导致了报错。改成这样 去掉 ^ 安装指定的这个版本 删除 pnpm-lock.yaml 删除 node_module 执行 pnmp i 重新安装就好了。"vue-router": "4.5.0", 的地方 我们 package.json。package.json中的。

对于macOS Catalina及以后版本（默认使用zsh作为shell），编辑或创建~/.zshrc文件，nvm install <version>：例如 nvm install 20。根据提示操作完成Homebrew的安装。（可以不具体到版本的小号）出版本号就是安装成功了。配置nvm的环境变量。

在FormItem.vue文件中的function handleRules()添加两处表情正则校验，代码如下。

看Content-Encoding: 的值是否为gzip是的话则是开启压缩了，或者观察浏览器中network的请求头。1.nginx.conf 的 http 中加入以下片断。开启Nginx压缩，解决前端访问慢问题。因为官方文档比较简陋这里补充一下。测试nginx是否启用zip压缩。打完包超过1k的会以gz结尾压缩。

record.application" placeholder="请选择字典" style="width: 100%;2.updateSchema，在详情页对ts二次加工，若某个属性比如api存在则会替换，不存在如params则会新增。因为ts组件封装的缘故，使用某个组件就必须按照这个组件的规则使用，老是忘记，这里就记一下吧。labelField：展示值，--字段回显插槽-->params：参数，

在子组件上声明一个key，父组件点击时刷新key,就可以强制刷新子组件。

tableProps.columns.some(column => column.dataIndex === '列名')方法会遍历数组中的每一个元素，如果找到符合条件的元素，则返回。方法来判断一个数组是否包含某个特定的对象，例如某个列。在 Vue 3 中，你可以使用数组的。

原理：无大小的div设置30px的边框全透明，再单独设置要显示一侧边框的颜色和大框一致。html代码，其中listPlan.records是后台拿到的数据进行遍历。原理：选中时判断比较选中的下标是和循环中的游标一致改变样式。

【代码】vue3子调父页面的方法。

子页面中通过fenpeiUserFu的方法调到 父页面中的fenpeiUserYe方法，从而调到selectUser 方法。在 Vue 3 中，emit 是一种机制，用于在子组件中触发事件，并在父组件中监听这些事件。父页面 @fenpeiUserYe 绑定selectUser方法。这是vue3的基础用法。

在本地运行没有问题，在打包完毕后，进入主页以及其它页面都没问题，但是如果在子路由中进行刷新，会发现导入JS的路由被改了，在引入路由时会明显发现路由位置不正确，发生的原因上面发生背景的截图中我已经大致说了一下，主要就是引入JS的路径错了，那我们怎么改呢，其实百度中也有很多方式可以参考，但是因为不是采用了vue脚手架直接构建的，所以问题还得靠自己来解决。这里我们需要修改一下引入的路径，方法也是类似的，但是修改的文件就不再是vue.config.js了，而是自己构建的另一个文件。主要原因：路径引入错误。

实现功能有：音词同步，倍速播放，拖拽播放，快进\退 ，重播，显示总 时长，关闭页面时关闭声音等功能。package.json 引入 "wavesurfer.js": "^7.7.14",父页面引入自己封的 MyWaveSurfer.vue。

【代码】vue项目创建 省略后缀名。

之所以强调是公共的 css 文件，是因为要在组件的 css 标签里加入 ‘scoped‘ 标记，将其作用范围限制在此组件以及调用它的父级组件中，避免污染全局样式；这个文件主要功能是确定当前安装的包的依赖，以便后续重新安装的时候生成相同的依赖，而忽略项目开发过程中有些依赖已经发生的更新；.editorconfig: 代码的规范文件，规定使用空格或 tab 缩进，缩进的长度是两位还是四位之类的代码风格，使用的话需要在编辑器里下载对应的插件；通常是这里的组件本身写入一些结构，再引入通用模块组件，形成完整的页面；

vue项目部署不需要nodejs,因为打包好的都是TML、CSS、JavaScript等静态文件。nginx+vue项目怎么简单快速可访问。新建一个server。

打包后的dist下只有一个 index.html 文件及一些静态资源，这个是因为Vue是单页应用(SPA)，只有一个index.html作为入口文件，其它的路由都是通过JS来进行跳转

【代码】vue重新刷加载，刷新当前页面数据。

前言：我们的一个vue项目在给新同事后他说编译贼慢，一个小修改项5分钟才能自动编译成功，我把项目放到新电脑上也巨慢，升级了nodejs好使了一些，但还是慢，最后引入webpack后巨快，在项目的package.json中引入 webpack 后5秒不到就好了，哈哈哈。

【代码】vue获取父组件的数据。

3、父页面-当子页面中数据发生变化，会触发父页面中abdd方法。

给组件不同的key值，每次进入页面时，当key发生变化时，会释放原有组件重新加载改组件。

声明式-router-link 【实现跳转最简单的方法】

handleEditInfo就是弹窗页面引用的方法和详情页面类似，引用一个子组件回显。1.字段设置作用域插槽scopedSlots。

代码】vue3实现音频文件播放功能。

在自定义标签j-dict-select-tag@change不生效。可选择@input事件。

vue3.0 项目端口号修改1.先在项目根目录下创建 vue.config.js文件在文件中写入module.exports = { devServer: { port: 3000 }, lintOnSave: false // 取消 eslint 验证};

转：https://www.cnblogs.com/ellenbaby/p/9006874.htmlvue请求中 post get传参方式是不同的哦我在学习vue，项目中post请求，get请求都用到了，我发现传参方式是不一样的。post请求的例子：checkin (){this.$http.post('my url',{mobilePhone:this.phone,pass...