Graph Toolkit：如何清除mgt-picker与mgt-channel-picker的选中值

直接通过组件内置的属性和方法就能实现，无需手动定位DOM元素点击清除图标：

针对mgt-picker #

• 直接将组件的value属性设置为null或空字符串，即可清除选中值：

  const picker = document.querySelector('mgt-picker');
  picker.value = null; // 也可使用 picker.value = ''
  

• 若组件绑定了数据源，同步更新绑定的数据源后，组件会自动响应变化。

针对mgt-channel-picker #

• 该组件的选中状态由selectedChannel属性控制，将其设置为null即可清除选中的频道：

  const channelPicker = document.querySelector('mgt-channel-picker');
  channelPicker.selectedChannel = null;
  

• 基于Graph数据渲染的组件，重置该属性后会自动更新UI，无需额外操作。

这两种方式利用Graph Toolkit组件自身API实现，比手动操作DOM更可靠，也符合组件的设计逻辑。

内容的提问来源于stack exchange，提问作者user25879