![](https://img-blog.csdnimg.cn/20210426112852964.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
记录一些关于Vue的使用问题
新津之虎--曹达华
软饭硬吃--曹达华,家有娇妻陈娜一枚。分享实战代码,如有不足欢迎指正
展开
-
vue 实现切换主题色(低配版)
vue一键切换主题色(低配版)原创 2022-11-01 17:15:12 · 1016 阅读 · 0 评论 -
vue命名规范
vue命名规范原创 2022-10-12 14:04:59 · 724 阅读 · 0 评论 -
外部H5端使用支付宝预授权
外部H5端使用支付宝预授权原创 2022-08-15 17:37:42 · 1725 阅读 · 0 评论 -
Vue2.x动态添加路由实现
vue动态路由,addRoutes,router.addRoutes原创 2022-06-23 15:42:27 · 1550 阅读 · 0 评论 -
antd vue table ellipsis属性不生效
//ellipsis: true不生效代码 <a-tooltip slot="status" slot-scope="text" placement="top" :title="text" :arrow-point-at-center="true" > <div>{{ text }}</div> </a-tooltip>//将div改原创 2022-04-27 17:23:12 · 3978 阅读 · 1 评论 -
关于mixin使用总结
Mixin概述混入(mixin)提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项Mixins特点方法和参数在各组件中不共享值为对象的选项,如methods,components等,选项会被合并,键冲突的组件会覆盖混入对象的值为函数的选项,如created,mounted等,就会被合并调用,混合对象里的钩子函数在组件里的钩子函数之前调用与vuex的区别vuex:用来做状态管理的转载 2022-04-27 15:46:47 · 232 阅读 · 0 评论 -
利用vscode调试vue代码
利用vscode调试代码,实测非常好用注意:现在只支持vue2.x。1.配置launch.json{ // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "configurations": [ {原创 2022-04-07 17:08:17 · 2711 阅读 · 5 评论 -
如何安装tailwindcss
步骤一:确定好自己要安装的版本,是否使用像 React 或 Vue 这样的 JavaScript 框架?本文以 tailwindcss 2.2.16 版本和 Vue 3.0.4为例步骤二:安装tailwindcssnpm i tailwindcss@2.2.16 -D //注意版本不能错,直接安装是3.0.15创建postcss.config.js与tailwind.config.js文件npx tailwind init -p步骤三:在main.js中引入import "tail原创 2022-03-16 15:48:35 · 668 阅读 · 0 评论 -
vue 生产环境配置多个域名
在项目中使用的是axios来发送请求需求:后台项目接口有多个域名,前端如何解决?解决方案:一、前端处理:1.前端创建多个axios示例,每个示例配置不同的baseURL。2.二、后端处理:1.配置nginx转发...原创 2021-09-28 13:46:11 · 1159 阅读 · 0 评论 -
vendor.js过大,导致首次加载白屏时间很长
原因分析:由于vendor体积较大,下载时间长,造成首屏加载缓慢可以从以下方面减少整个包的体积:1.npm install --save-dev compression-webpack-plugin,开启gzip压缩2.productionSourceMap 设置为false3.在index.html界面CDN引入4.vue-router 路由懒加载...原创 2021-09-06 15:07:44 · 1033 阅读 · 0 评论 -
vue 打包后部署项目后访问报Uncaught SyntaxError: Unexpected token < 错误
vue 本地调试没有问题打包上线后,线上的某个页面打开空白,报以下错误Uncaught SyntaxError: Unexpected token检查原因后发现:js,css文件请求返回都是html,这个原因是因为服务端配置了try_files $uri $uri/ /index.html也就是这些资源都没找到,是访问路径引起的...原创 2021-07-30 14:52:43 · 1238 阅读 · 2 评论 -
wangEditor光标乱跳问题
问题描述在使用wangEditor时,输入内容,按enter切换下一行时,光标切过去,又自动跳回来。造成问题原因是因为封装了组件后,使用父级传入的内容,每次输入都会触发wangEditor的onchange事件,而在onchange事件中又使用了子传父的方式将修改后的值赋给父组件,父组件的值改变后导致子组件wangEditor的值也被修改,所以出现光标总是跳转到最后。此时,并发的还有另外一个问题就是,撤销和恢复点击后无效。解决方案在子组件watch监听父组件传入的值时,加入判断,目的是输入时内容是原创 2021-07-16 10:58:49 · 2254 阅读 · 7 评论 -
自定义校验表单
依赖包vue 2.xant design vue 1.75原创 2021-06-16 14:35:26 · 218 阅读 · 0 评论 -
关于@ant-design-vue/pro-layout 1.0.7 SettingDrawerr 隐藏alert与button
直接贴配置图 settings: { // 布局类型 layout: defaultSettings.layout, // 'sidemenu', 'topmenu' // CONTENT_WIDTH_TYPE contentWidth: defaultSettings.layout === 'sidemenu' ? CONTENT_WIDTH_TYPE.Fluid : defaultSettings.contentWi原创 2021-05-21 15:16:17 · 1671 阅读 · 0 评论 -
vue-cli 4.5.1启动时报错‘Cannot find module ‘vue-loader-v16/package.json‘
vue-cli 4.5.1启动时报错‘Cannot find module 'vue-loader-v16/package.json'错误如下:解决方案:先 npm un vue-loader-v16后 npm ivue-loader-v16问题解决如果帮助到您的话,可以给我点个赞吗?谢啦原创 2021-04-26 21:23:38 · 241 阅读 · 0 评论 -
利用Vue实现一个新增与修改共用的组件
业务描述:新增与修改复用同一个组件(a-modal包裹的),表单数据需要缓存(离开该页面,再回到该页面,编辑的内容不会丢失)使用的UI框架:ant-design-vue页面长这样:逻辑分析:首先该组件是被keep-alive缓存的,数据不会随页面切换而丢失的。我采用的办法如下:1.如何区别是新增操作还是修改操作:①通过标识段区分是新增,还是修改;②通过传过的数据是否存在id来区别2.编辑时如何赋值:我采用的是在显示时,父组件将数据传到子组件,在子组件保存起来,(注:这里需要拷贝一下,原创 2021-04-23 23:16:16 · 2888 阅读 · 0 评论 -
关于Vue使用print插件,打印时会有多出来的空白页问题解决
vue使用print打印时,会多出空白页,这多半是外边距导致的,将打印的dom对象的margin 设置为0,即可解决原创 2020-05-29 15:50:17 · 3258 阅读 · 0 评论 -
关于vue-print-nb插件,刷新页面后,@media print样式丢失解决方案
把@media print写成单独的scss或css文件,再通过import引入该文件,刷新页面后,样式就不会丢失了原创 2020-01-11 14:02:40 · 3249 阅读 · 0 评论