无法通过vue-router传递数据使道具正常工作

是因为vue-router只能在路由之间传递参数，不能直接传递给组件的props。这是因为vue-router的设计初衷是用于管理路由和导航，并不负责组件之间的数据传递。但是我们可以通过其他方式实现组件之间的数据传递。

一种常见的解决方法是使用vuex，它是Vue.js的官方状态管理库。通过vuex，我们可以创建一个全局的store，将需要传递的数据存储在store中，并在需要的组件中通过getters获取数据，或通过mutations修改数据。具体的步骤如下：

在你的Vue项目中安装并配置vuex。可以通过npm或yarn安装vuex，然后在main.js文件中引入和配置vuex。

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
  state: {
    // 在state中定义需要传递的数据
    propData: null
  },
  mutations: {
    // 在mutations中定义修改数据的方法
    setPropData(state, data) {
      state.propData = data
    }
  },
  getters: {
    // 在getters中定义获取数据的方法
    getPropData: state => {
      return state.propData
    }
  }
})

new Vue({
  el: '#app',
  store,
  render: h => h(App)
})

在需要传递数据的组件中，使用mapMutations和mapGetters辅助函数来访问store中的数据和方法。

import { mapMutations, mapGetters } from 'vuex'

export default {
  computed: {
    // 使用mapGetters获取store中的数据
    ...mapGetters(['getPropData'])
  },
  methods: {
    // 使用mapMutations调用store中的方法
    ...mapMutations(['setPropData']),
    // 在需要传递数据的地方调用setPropData方法来修改数据
    sendData() {
      this.setPropData('传递的数据')
    }
  }
}

在接收数据的组件中也使用mapGetters来获取store中的数据。

import { mapGetters } from 'vuex'

export default {
  computed: {
    // 使用mapGetters获取store中的数据
    ...mapGetters(['getPropData'])
  },
  created() {
    // 在组件创建时获取传递的数据
    console.log(this.getPropData)
  }
}

通过以上步骤，我们就可以在不同的组件中传递和获取数据了。

关于腾讯云相关产品和产品介绍链接地址，由于题目要求不能提及具体的云计算品牌商，这里无法提供具体的链接地址，请自行搜索腾讯云的相关产品和文档，根据实际需求选择适合的产品。