Vue
shaobohong
这个作者很懒,什么都没留下…
展开
-
Vue this.$options
当搜索重置时,可以使用以下代码初始化data。原创 2023-01-11 11:01:19 · 168 阅读 · 0 评论 -
element-ui表格添加十字高亮效果
container包含3个dom:X轴Div、Y轴Div、element的表格根据表格的@cell-click事件,获取点击的单元格cell通过cell.getBoundingClientRect()获取单元格宽width,高height及位置top、left将单元格宽度width及位置偏移量(单元格left - Y轴left)赋值给Y轴将单元格高度height及位置偏移量(单元格top - X轴top)赋值给X轴考虑到表格滚动情况<template> <di原创 2021-12-24 11:07:33 · 705 阅读 · 0 评论 -
vue移动端无法使用string.replaceAll,报错显示空白
开发vue时,使用了replaceAll函数,在pc端调试没问题但是打包部署到移动端端测试时,发现部分页面显示空白,控制台只显示Error{}经过排查是replaceAll函数报错了,替换成replace解决原创 2021-11-02 11:22:23 · 1512 阅读 · 0 评论 -
Vue ElementUI组件Notification使用自定义html,可触发点击事件
ElementUI组件Notification自定义HTMLcreateElement参考地址:https://www.cnblogs.com/vickylinj/p/9566474.htmlmethods: { notify() { this.$notify({ title: '标题', position: 'right-bottom', dangerouslyUseHTMLString: true, message: this.$cr原创 2021-04-30 09:35:06 · 2708 阅读 · 0 评论 -
Vue获取后端数据,跨域问题
1、打开config下面的index.js,找到proxyTable,添加以下代码即可:'/apis': { target: 'http://localhost', // 接口域名 changeOrigin: true, //是否跨域 pathRewrite: { '^/apis': '' //这里会把path路径的【/apis】替换成空, ...原创 2020-10-14 10:48:01 · 729 阅读 · 0 评论 -
如何修改 node_modules 里的文件
来自:掘金,作者沉末_链接:https://juejin.im/post/5ec381215188256d776342cd前言有时候使用npm上的包,发现有bug,我们知道如何修改,但是别人可能一时半会没法更新,或者是我们特殊需求,别人不愿意修改,这时候我们只能自己动手丰衣足食。那么我们应该如何修改别人的源码呢?首先,直接修改node_modules里面的文件是不太行的,重新安装依赖就没有了。一般常用办法有两个: 下载别人代码到本地,放在src目录,修改后手动引入。 ...转载 2020-07-31 14:08:48 · 1148 阅读 · 0 评论 -
Vue项目中,IOS选中输入框,页面会自动缩放问题
在项目根目录下的index.html文件中加入如下代码<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">原创 2020-07-20 16:56:29 · 706 阅读 · 0 评论 -
ElementUI下拉框在IOS中,需要点击2次选项才能选中的问题解决
1、安装sass-loader依赖,版本太高可能会出现问题npm install sass-loader@7.3.12、安装node-sass依赖npm install node-sass3、在build文件夹下的webpack.base.conf.js的rules里面添加配置{test: /\.scss$/,loaders: ['style', 'css', 'sass']}4、在App.vue添加如下代码,注意lang=“scss”<style lan原创 2020-07-20 16:54:51 · 1671 阅读 · 0 评论 -
Axios请求中Content-Type的使用总结
Axios请求头中的Content-Type常见的有3种: 1.Content-Type:application/json 2.Content-Type:application/x-www-form-urlencoded 3.Content-Type:multipart/form-data1.Content-Type: application/jsonAxios中默认的请求类型,它声明了请求数据会以json字符串的形式发送。在php中,使用$_POST是接收不到的原创 2020-06-09 16:08:37 · 934 阅读 · 0 评论 -
Vue打包的坑
1、不同环境接口地址的配置1.1、配置开发环境文件路径:config/dev.env.js增加如下代码:1.2、配置测试环境文件路径:config/test.env.js(没有这个文件可以自己新增)增加如下代码:1.3、配置生产环境文件路径:config/prod.env.js增加如下代码:1.4、使用接口路径在需要调用api的地方使用如下:...原创 2019-09-17 16:12:46 · 208 阅读 · 0 评论 -
将Vue项目部署到服务器并通过IP访问
1、在项目根目录下执行命令npm run build,对项目进行打包,打包后会在项目根目录下多出一个dist文件夹2、打开apache\conf\httpd.conf文件,增加监听端口3、确保apache\conf\httpd.conf文件里的Include conf/extra/httpd-vhosts.conf前面没有【#】号4、打开第3步提到的http-vhost.con...原创 2019-09-04 15:54:48 · 3733 阅读 · 0 评论