vue常用功能及注意事项
2018-01-04 09:39
141 查看
1,路由跳转(A页面 -> B页面)
A:
B:
注:B页面是
2,img标签动态绑定静态src地址时,图片不能正常显示,解决办法用require引入地址
3,props验证
验证的type类型包括
String
Number
Boolean
Object
Array
Function
4,vue项目中引入的js文件中,JSON.stringify()报错问题
项目根目录下 babelrc 文件中的
改为
A:
this.$router.push({name: 'routerName', query: {key: 'value'}})
B:
this.$route.query.key // 获取value值
注:B页面是
$route,而不是
$router,也可以将
query替换成
params
2,img标签动态绑定静态src地址时,图片不能正常显示,解决办法用require引入地址
<img :src='imgUrl'> ... data() { return { imgUrl: require('./img.png') } }
3,props验证
props: { // 必须是数字类型 propA: Number, // 必须是字符串或数字类型 porpB: [String, Number], // 布尔值,如果没有定义,默认值就是true propC: { type: Boolean, default: true }, // 数字,而且是必传 propD: { type: Number, required: true }, // 如果是数组或对象,默认值必须是一个函数来返回 propE: { type: Array, default: function(){ return [] } } // 自定义一个验证函数 propF: { validator: function(value){ return value > 10 } } }
验证的type类型包括
String
Number
Boolean
Object
Array
Function
4,vue项目中引入的js文件中,JSON.stringify()报错问题
项目根目录下 babelrc 文件中的
'plugins': ["transform-runtime"]
改为
'plugins': []
相关文章推荐
- Vue.js使用v-bind绑定class时的注意事项
- jquery 注意事项与常用语法小结
- 在软件架构上增加新功能的注意事项
- 被IDEA的打包功能打败了:dubbo服务端打包注意事项
- APP开发实战129-APP Log功能注意事项和Log数据格式化
- 支付宝支付功能演示项目的搭建以及注意事项
- Unity常用函数注意事项
- VC++中subclassdlgitem函数的功能、用法及注意事项
- 老司机带你玩转git(三)git常用命令以及注意事项
- vue 深入响应式原理 注意事项
- MySQL常用语句及注意事项
- Myeclipse安装SVN插件常用方法及注意事项
- linux下常用命令,及注意事项
- Vue注意事项
- jacob完成word转html功能及注意事项
- 使用vue.js开发时一些注意事项
- Vue.js 和 MVVM 的注意事项
- ????常用注意事项
- [Navicat] 常用快捷键及注意事项
- vue-router使用及注意事项