van-action-sheet 把展示Name字段处理label

van-action-sheet是一个轻量级的Vue组件库，它提供了一个类似于iOS系统底部弹出的Action Sheet功能，用于显示一系列操作供用户选择。当你需要在van-action-sheet中展示Name字段作为label时，你可以这样做：

1. 首先，安装`vant-vue`库，如果还没有安装的话：

   npm install vant-vue

2. 在你的Vue组件中引入ActionSheet组件：

   <template>
     <van-action-sheet
       v-model="actionSheetVisible"
       :title="nameLabel"
       @click-item="handleItemClick">
       <!-- 其他操作项 -->
       <van-cell title="保存" value="Save" />
       <!-- ...更多选项... -->
     </van-action-sheet>
   </template>

3. 初始化并绑定变量来控制可见性，比如 `actionSheetVisible` 和 `nameLabel`：

   <script>
   import { ActionSheet } from 'vant-vue';

   export default {
     components: {
       ActionSheet,
     },
     data() {
       return {
         actionSheetVisible: false, // 显示状态
         nameLabel: "Name", // Name字段的标签文本
       };
     },
     methods: {
       handleClickItem(item) {
         // 操作项点击后的回调函数
         console.log(`选择了：${item}`);
       },
     },
   };
   </script>

4. 当你需要显示Action Sheet时，设置`actionSheetVisible`为`true`：

   this.actionSheetVisible = true;