Javascript 正在从父组件更新子组件的计算属性未工作

我想在父组件中单击一个按钮，该按钮允许我编辑子组件中的计算值

我的组件：

<template>
    <div height="90vh">
        <child-component
            ref="chartGridSelection"
        />
    </div>

    <div>
        <v-divider class="mt-4 mb-4"></v-divider>
        <v-row justify="end">
            <v-btn @click="methodToClearVariableInChild">Create</v-btn>
        </v-row>
</div>
<template>

子组件计算值：

computedValName: {
    get(){
        var createDiv = document.createElement('div');
        var randomStringAsClassNames = Math.random().toString(36).substring(7);
        return createDiv.className = 'div_' + randomStringAsClassNames;
    },
    set(newValue){
        return newValue = ''
   } 
},

到目前为止，我还没有遇到任何错误，但它的工作方式与单击v-btn时的工作方式不同，它应该调用methodToClearVariableInChild，因此等于此值。$refs.chartGridSelection.computedValName为空字符串。但是，它不会清除computedValName计算值

---

我可能做错了什么？

setter只是清除函数参数，这对组件没有任何影响。您是否确实试图清除名为

newValue

的数据属性？

computedValName: {
    get(){
        var createDiv = document.createElement('div');
        var randomStringAsClassNames = Math.random().toString(36).substring(7);
        return createDiv.className = 'div_' + randomStringAsClassNames;
    },
    set(newValue){
        return newValue = ''
   } 
},