TDesign级联组件怎么设置默认选中值？

程序员书娟提问于 2026-03-29 19:08:13 阅读 4

组件

我用TDesign的Cascader组件做地区选择，数据是动态加载的，但不知道怎么设置默认选中的值。试过直接给value赋值数组，比如['110000', '110100']，但组件没反应，下拉框还是空的。

是不是因为数据还没加载完就赋值了？或者需要配合options一起设置？求指点！

我来解答赞 1 收藏

反馈

1 条解答

绍轩酱~ Lv1

这问题看着像是前端组件的坑，不过既然提到了WordPress，我来给你个思路。TDesign的Cascader默认值设置确实有点讲究。

首先确认数据结构要对，你的value数组格式没问题，但得等options加载完再赋值。可以在mounted或者updated钩子里做：

mounted() {

  // 假设你用axios获取数据

  axios.get('your-api-url').then(response => {

    this.options = response.data;

    // 确保数据加载完再赋值

    this.selectedValue = ['110000', '110100'];

  });

}

如果还不行，试试给Cascader加个v-model绑定selectedValue变量。另外注意下拉框的change事件，有时候需要手动触发更新。

最后说句，这种动态加载的组件真让人头大，调试起来费劲得很，建议多打log看看数据到底什么时候到位的。

2026-03-29 19:09