您的位置:首页 > 产品设计 > UI/UE

vue常用功能及注意事项

2018-01-04 09:39 141 查看
1,路由跳转(A页面 -> B页面)

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': []
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息