vue传递ifream的参数
在Vue中传递iframe的参数可以使用props属性。首先在父组件中定义一个props属性,该属性可以接收从父组件传递过来的数据。然后,在子组件中可以通过设置props属性来接收父组件传递的参数。
父组件:
<template>
<div>
iframe参数传递 <child-component :parameter="parameter"></child-component>
</div>
</template>
<script>
export default {
data() {
return {
parameter: '参数值'
}
}
}
</script>
子组件:
<template>
<div>
<iframe :src="`?parameter=${parameter}`"></iframe>
</div>
</template>
<script>
export default {
props: ['parameter']
}
</script>
在上面的示例中,父组件通过属性:parameter将参数传递给子组件child-component。然后,子组件通过props属性接收参数,并将参数值拼接在iframe的src属性中传递给iframe。这样,在渲染时,将会根据传递的参数值加载相应的iframe内容。
发表评论