遇到问题:el-dialog 中使用了这两个属性,想要单独传:titile 发现失效
解决思路:在网上找这两个熟悉是什么,看到一句解释
vm.$attrs
是一个属性,其包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 (class 和 style 除外)。这些未识别的属性可以通过v-bind="$attrs"
传入内部组件。未识别的事件可通过v-o
n="$listeners"
传入。
不作为 prop 被识别,那直接作为prop 被识别传入的titile 是否就可控了;但 :title="previewTitle" 要写在v-bind="$attrs"前面才能生效
<template>
<el-dialog
:title="previewTitle"
v-bind="$attrs"
width="500px"
:close-on-click-modal="false"
:modal-append-to-body="false"
v-on="$listeners"
@open="onOpen"
@close="onClose"
>
</el-dialog>
</template>
<script>
export default {
props: ['jsonStr','previewTitle'],
}
</script>