!! 运算符:!! 是一个双重否定运算符,它将任何值转换为布尔值。
一、本地vue项目配置IP地址访问,可以让同局域网内的同事预览
解决:在package.json文件中 dev中配置 --host 本机IP
"scripts": {
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 10.10.50.73",
"start": "npm run dev",
"build": "node build/build.js"
},
二、Vue使用axios请求数据,默认post请求传参是json格式,但后台需要formData格式 1、 FormData格式
let newdate = new FormData()
newdate.append('title', item.file.name);
newdate.append('tags', 'brand_action_upload');
newdate.append('multipartFile', result);
三、在H5中使用qrcodejs2生成二维码
npm i qrcodejs2
import QRCode from 'qrcodejs2'
this.$nextTick(() => {
document.getElementById('qrcode').innerHTML = '';
this.qrCode = new QRCode('qrcode', {
width: 200, // 设置宽度,单位像素
height: 200, // 设置高度,单位像素
text: this.urlData.urlValue // 设置二维码内容或跳转地址
});
})
四、当在 element ui 使用 resetFields()重置表单后,表单无法输入的问题
this.$refs[formName].resetFields(); 使用后部分表单无法输入
解决:
resetFields 是对整个表单进行重置,讲所有字段值重置为"初始值",并移除校验结果.
所以给表单默认一个初始值就可以解决
五、在vue的dialog中嵌套dialog,弹出里层的dialog时,发现被dialog的遮罩层挡住了****
解决:
对于确实需要嵌套 Dialog 的场景,提供了append-to-body属性。将内层 Dialog 的该属性设置为 true,它就会插入至 body 元素上,从而保证内外层 Dialog 和遮罩层级关系的正确。
六、vue跳转当面页面(页面路径不变化,携带参数改变)页面不刷新问题
解决1、router-view 中加一个 key
解决2、路由改变时刷新当前页
this.$router.go(0);
vue 框架this.$router.go(0) safari 浏览器不刷新
用原生 window.location.reload()