获取v-for中单个元素，点击触发事件

你可以使用Vue的v-on指令来绑定一个点击事件，并传入当前的元素作为参数。例如：

<ul>
  <li v-for="(item, index) in items" v-on:click="handleClick(item)">
    {{ item }}
  </li>
</ul>

在这个例子中，我们使用了v-for指令来循环渲染一个列表。然后，我们使用v-on指令来绑定一个点击事件，并传入当前的元素item作为参数。在处理事件的方法中，我们可以使用这个item来执行一些操作。

new Vue({
  el: '#app',
  data: {
    items: ['item1', 'item2', 'item3']
  },
  methods: {
    handleClick(item) {
      console.log(item);
    }
  }
});

在这个例子中，当用户点击一个列表项时，我们会在控制台中打印出该项的值。

相关问题

获取v-for中单个元素

在Vue.js的v-for指令中，可以使用括号括起来的索引来获取单个元素。例如：

<ul>
  <li v-for="(item, index) in items" :key="index">
    {{ item }} <button @click="removeItem(index)">Remove</button>
  </li>
</ul>

在这个例子中，`(item, index)`表示每个元素的值和它在数组中的索引。你可以使用`index`来获取单个元素。在这个示例中，点击“Remove”按钮时，调用`removeItem`方法并传递索引，以删除相应的元素。

antd-pro中单选按钮获取默认值

在antd-pro中，可以使用`Radio.Group`组件来实现单选按钮。如果要获取单选按钮的默认值，可以通过以下两种方式实现：

1. 使用`defaultValue`属性来设置默认值，然后在`onChange`事件中获取当前选中的值。

import { Radio } from 'antd';

function MyComponent() {
  const [value, setValue] = useState('A');

  const onChange = e => {
    console.log('radio checked', e.target.value);
    setValue(e.target.value);
  };

  return (
    <Radio.Group onChange={onChange} defaultValue={value}>
      <Radio value="A">Option A</Radio>
      <Radio value="B">Option B</Radio>
      <Radio value="C">Option C</Radio>
      <Radio value="D">Option D</Radio>
    </Radio.Group>
  );
}

2. 使用`value`属性来控制选中的值，然后在`onChange`事件中更新当前选中的值。

import { Radio } from 'antd';

function MyComponent() {
  const [value, setValue] = useState('A');

  const onChange = e => {
    console.log('radio checked', e.target.value);
    setValue(e.target.value);
  };

  return (
    <Radio.Group onChange={onChange} value={value}>
      <Radio value="A">Option A</Radio>
      <Radio value="B">Option B</Radio>
      <Radio value="C">Option C</Radio>
      <Radio value="D">Option D</Radio>
    </Radio.Group>
  );
}