我正在使用Vue.js进行Web服务。我想做的是更改从父组件的属性接收的元素的样式。例如：
（有省略的行）
父组件
yaml.load(f) <template>
<div>
<child v-bind:styles="styles"></child>
<div>
</template>
<script>
export default {
components: { child },
data() {
return {
styles: { width:'100px', height:'70px' }
};
}
}
</script>
对象的width和height可以更改，即由使用父组件的任何人决定。
阀芯组件
styles子组件由迭代元素组成，这些元素具有<template>
<div>
<div class="iterDiv" v-for="(item, index) in arr" v-key="index">{{ item }}</div>
</div>
</template>
<script>
export default {
name: 'Child',
props: [ 'styles' ],
data() {
return {
arr: [1, 2, 3, 4, 5]
};
}
}
</script>
之类的iterDiv类供选择。
现在，我想更改子组件的div元素，使其具有document.getElementsByClassName('iterDiv')类名，并使用iterDiv动态更改样式。
有什么办法吗？谢谢。
如果已经有答案，我就错过了，让我知道。我将删除此问题。