Vue踩坑
时间:2019-10-23
本文章向大家介绍Vue踩坑,主要包括Vue踩坑使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
axios then 使用箭头函数
this.$axios({
method:'post',
url:'api/sign-up',
responseType:'json',
data:{
user:this.modelRegist.user,
password:this.modelRegist.password,
rePassword:this.modelRegist.repeatPassword
},
timeout:5000,
}).then( (response) =>{
vuetify 使用fontawesome的问题,推荐跑vuefity的教程而不是fa的教程
vue的this指针域问题
v-img src不能使用相对路径
<v-img :src="require('../../assets/logo.png')" />
vue router path顺序问题
vueJs 部署问题
https://cloud.tencent.com/developer/news/119838
npm run build
修改 /usr/local/nginx/conf 目录下找到的 nginx.conf 文件
location 的位置改一下,定位到dist就可以了
v-data-table 单选变成所有都选时
item-key = "name"
router
path:'',name:Cloud,component:Cloud,alias:'cloud'
path 和 alias的问题
vue原型挂载要在new Vue之前
var signState ={
isSign:false
};
Vue.prototype.$axios = axios; //全局注册,使用方法为:this.$axios
Vue.prototype.$signState = signState;
// axios.defaults.baseURL = 'http://106.52.138.50/';
axios.defaults.baseURL = 'http://10.203.248.251:8000/';
new Vue({
render: h => h(App),vuetify,router
}).$mount('#app');
- router钩子方法要在
Vue.use(Router)
之前
axios 返回值问题
async await
axios then方法异步
assgin
Object.assign
一般用于修改现有的条目
vuex
getters函数使用不能有括号
事件总线
每次创建手动清除事件,箭头函数
created() {
this.$bus.$off("onAvatarClicked");
},
mounted() {
this.$bus.$on("onAvatarClicked",()=>{
this.openThemeSettings();
})
}
vue tify file input 单选时v-model自动成为file类型,而不是file[]
axios发送表单时
withCredentials:true,
contentType:"multipart/form-data",
回车后刷新问题
@submit.native.prevent
在表单处使用
原文地址:https://www.cnblogs.com/granx/p/11727240.html
- 未来几年苹果公司很可能“不务正业”,进军汽车无人驾驶界
- ExtJs学习笔记(15)_fit布局
- JavaScript之call()和apply()方法详解
- Javascript快速入门(下篇)
- JavaScript引用类型之Array数组的栈方法与队列方法
- ExtJs学习笔记(14)_Column布局
- 高级盲注—floor,rand,group by报错注入
- 刷脸注册、试装、支付……仅靠一张脸就能买买买的时尚店开业了
- JavaScript引用类型之Array数组之强大的splice()方法
- Linux快速入门03-系统管理
- JavaScript引用类型之Array数组的concat()和push()方法的区别
- JavaScript引用类型之Array数组的排序方法
- Linux快速入门02-文件系统管理
- JavaScript引用类型之Array数组的toString()和valueof()方法的区别
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 常用功能加载宏——单元格合并
- 【Rust日报】2020-07-25 RustScan:一个Rust实现的更快的Nmap
- 常用功能加载宏——单元格字符处理
- 【翻译】Rust生命周期常见误区
- 代码管理
- 【翻译】200行代码讲透RUST FUTURES (3)
- ECCV2020 | FReLU:旷视提出一种新的激活函数,实现像素级空间信息建模
- 字符处理——大小写转换编码知识扩展
- 【Rust日报】2020-07-26 - Easy Rust 让Rust文档更容易理解
- VBA使用API_04:标准控件
- OpenCV与图像处理(五)
- 常用功能加载宏——工作表目录
- VBA操作VBA——VBA工程对象
- 前端|3D立体视频翻转动画
- 利用STS临时密钥服务快速搭建直传页面的实践