vue选项option实现方法
xuexi 2024-06-11 10:00:55 发表在:PHP 查看数:727
要用到遍历
<!-- 选项 -->
    <a-form-item
    label="选择分类"
    name="fenlei"
    :rules="[{ required: true, message: '请选择分类' }]"
  >
    <a-select  v-model:value="formState.fenlei">
      <a-select-option v-for="item in shuju_arr" :value="item.id"> {{ item.name }}</a-select-option>
    </a-select>
  </a-form-item>

  <!-- 选项结束 -->
JS部分
 import { reactive } from 'vue';
  const formState = reactive({
    name: '',
    jiage: '',
    fenlei:'',
  });
   const shuju_arr = ref();
      service.get('/houtai/zichan/fenlei',{
        params: {} 
     }).then(res =>{
    console.log(res.data.list);
  shuju_arr.value =res.data.list         
        }).catch(error =>{
        console.log(error)
        })
最近访问时间:2025-02-06 22:47:25
知识库:318条鸣谢:TAY  备案号:蜀ICP备2024090044号