vue处理父组件向一个组件传参,子节点中拿不到值的解决方式

父组件LoginWeb调用子组件CodeLogin

 
        
 
...
async handleRSAKey() {
      const params = {
        data: {},
      };
      const { code, data } = await getRSAKey(params);
      if (code !== 0 || !data) {
        this.$message.error(系统异常，请刷新并重试！);
        return;
      }
      this.publicKeyCode = data;
    },

由此可见，价值传递 publickey它是通过接口异步获取的，因此在子组件中mounted获取是undefined

所以让我们添加一个v-if， 让这个值在他可以渲染之前有一个值， 直到有一个值，子组件的生命周期才会被遵循。

      
        
      

      v-if="publicKeyCode.length"