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);
 }
 }
 }
 }
 }
 }
 })