0


van-picker级联设置默认选择

在Vanilla Picker(van-picker)组件中,您可以使用

setIndexes

方法来设置选择的索引。这个方法可以帮助您在需要时通过编程方式设置选择的值。

<template>
  <van-picker
    :columns="columns"
    ref="pickerRef"
  />
  <button @click="setSelectedIndexes">Set Selected Indexes</button>
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const pickerRef = ref(null);
    const columns = [
      {
        values: ['Option 1', 'Option 2', 'Option 3']
      },
      {
        values: ['Suboption 1', 'Suboption 2', 'Suboption 3']
      }
    ];

    const setSelectedIndexes = () => {
      const indexes = [1, 2]; // Set the desired indexes
      pickerRef.value.setIndexes(indexes);
    };

    return {
      columns,
      pickerRef,
      setSelectedIndexes
    };
  }
};
</script>
标签: 前端

本文转载自: https://blog.csdn.net/qq_37815596/article/details/140799912
版权归原作者 热爱前端的小君同学 所有, 如有侵权,请联系我们删除。

“van-picker级联设置默认选择”的评论:

还没有评论