Vue实现点击父元素li，子元素中的redio被改变成选中状态

可以通过以下代码实现：

<ul @click="changeRadio">
  <li>
    <label>
      <input type="radio" name="radio1" value="1">
      Option 1
    </label>
  </li>
  <li>
    <label>
      <input type="radio" name="radio1" value="2">
      Option 2
    </label>
  </li>
  <li>
    <label>
      <input type="radio" name="radio1" value="3">
      Option 3
    </label>
  </li>
</ul>

methods: {
  changeRadio(event) {
    let input = event.target.querySelector('input[type="radio"]');
    if (input) {
      input.checked = true;
    }
  }
}

这样当点击 li 元素时，就会将其子元素中的 radio 设置为选中状态。