例如:想给图片增加高度和宽度
<el-image :class="classRotation"
v-if="imageData.src !== undefined"
:src="imageData.src"
:style="imageStyle">
</el-image>
//在data中声明 imageStyle
data(){
return{
imageData:{},
imageStyle :{}, //样式参数对象
classRotation:'',
positionAndSizeData:{}
}
},
我这里的业务场景是监听 positionAndSizeData 数据变化设置样式(imageStyle):
watch:{
positionAndSizeData:{
handler(){
//通过this.$set('目标数据','key','value');给imageStyle 追加数据
this.$set(this.imageStyle,'height',this.positionAndSizeData.h + 'px');
this.$set(this.imageStyle,'width',this.positionAndSizeData.w + 'px');
},
deep:true,
immediate:true
},
},
使用filters过滤器设置样式&#x