vue(2019/7/15)

vue实现照片选择或者拍照功能

照片格式校验,

图片质量压缩,

图片尺寸压缩,

图片离线保存,

图片base64编码互转

效果展示

image.png

vue父子组件传参

// dom部分



// vue父子组件如何传参

var oApp = new Vue({
el: "#app",
data: {
list: ["第1项", "第2项", "第3项"]
},
components: {
'my-header': {
template:

{{nowMessage}}

  • {{item}}
,
data: function() {
return {
message: "hello world!!!",
nowMessage: this.message //单向数据流,数据操做,refDOM操作 ,.native
}
},
methods: {
getChildContent: function(arg) {
console.log(arg);
this.nowMessage = arg;
}
},
props: ['l'], //父组件向子组件进行通信操作
components: {
'my-nav': { //子组件向父组件传值
template:
  • "yes, I'm fine"
,
methods: {
getContent: function(ev) {
this.$emit("changEvent", ev.target.innerText);
}
}
}
}
}
}
})

你可能感兴趣的:(vue(2019/7/15))