没想好的个人博客

杂项

• • • • 1. flex: 1导致 height:100%无效
      • 2. createElement方法
      • 3. 动态的v-model

1. flex: 1导致 height:100%无效

flex:1 的 position=relative 子的 position=absolute

{
    flex: 1;
    position: relative;

    > {
        position: absolute;
    }
}

2. createElement方法

props为组件属性，其中属性要满足驼峰写法，如果使用了$attrs继承，也要使用驼峰写法

绘制时

render(h){
    h('el-form',{
        props: {
          labelWidth: "100px",
          labelPosition: "left",
          //属性 等同于 v-bind="$attrs"
          ...this.$attrs
        }
    })
}

调用时

<el-form labelWidth="120px"></el-form>

3. 动态的v-model

如果v-model绑定的是动态的，不是data中初始的，需要重新赋值data才能监听到触发重新绘制

 <el-input v-model="form[A1_160]"></el-input>

{
  data() {
    return {
        form:{}
    }
  },
  ...
  change(){
      //这样不可以
      //this.form[A1_160] = "xxx";
      //直接赋值
      this.form = Object.assign({},{
          [A1_160]:"xxx"
      });
  }
}