[Vue warn]: Invalid prop: type check failed for prop “data“. Expected Object, got String with value

柳鲲鹏

于 2025-04-01 09:51:51 发布

阅读量422

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/quantum7/article/details/146900139

vue 专栏收录该内容

52 篇文章

订阅专栏

原因

尝试将一个字符串类型的值传递给一个期望对象（Object）类型的prop。

解决办法

解决这个问题，需要传递一个对象给prop。

    <div class="dialog">
        <YuntaiState
            :data="instanceId"
            v-if="yuntaiStateFlag"
            v-model:visible="yuntaiStateFlag"
            @close="yuntaiStateFlag = false" />
    </div>


<script lang="ts">

const instanceId      = {url : ''};

const playVideoAction = (selectMarker) => {
    instanceId.url = selectMarker.id;
};