Set operation on key “pageDataTitle“ failed: target is readonly 去除警告

watch(() => props.pageDataTitle, (e) => {

    e.unshift({
        name: '序号',
        width: '',
        value: 'tableIndex',
        showTitle: true,
        width: '80'
    })
    props.pageDataTitle = e;

}, { immediate: true })

 这个错误提示表明在尝试对只读属性"pageDataTitle"进行设置操作时出现了问题。同时还提到了"watch.immediate"，这可能与Vue的watch选项有关。

当你使用Vue的watch选项来监听某个属性时，可以通过设置immediate: true来立即执行watch的处理函数。然而，在这种情况下，"pageDataTitle"属性可能被设置为只读，而无法通过watch来修改它。

解决：去掉首次加载

watch(() => props.pageDataTitle, (e) => {

    e.unshift({
        name: '序号',
        width: '',
        value: 'tableIndex',
        showTitle: true,
        width: '80'
    })
    props.pageDataTitle = e;

})