当前位置: 首页 > 知识库问答 >
问题:

前端 - van-picker columns属性支持字符串数组吗?

易俊远
2024-01-03

Html:

<van-field  v-model="fieldValue"  is-link  readonly  label="城市"  placeholder="选择城市"  @click="showPicker = true"/><van-popup v-model:show="showPicker" round position="bottom">  <van-picker    :columns="columns"    @cancel="showPicker = false"    @confirm="onConfirm"  /></van-popup>

TS:

import { ref } from 'vue';export default {  setup() {    const columns = [      { text: '杭州', value: 'Hangzhou' },      { text: '宁波', value: 'Ningbo' },      { text: '温州', value: 'Wenzhou' },      { text: '绍兴', value: 'Shaoxing' },      { text: '湖州', value: 'Huzhou' },    ];    const fieldValue = ref('');    const showPicker = ref(false);    const onConfirm = ({ selectedOptions }) => {      showPicker.value = false;      fieldValue.value = selectedOptions[0].text;    };    return {      columns,      onConfirm,      fieldValue,      showPicker,    };  },};

columns的值只能是数组对象吗?支持字符串数组格式吗?
比如columns = ["sttrig","number"]这种格式

columns的值只能是数组对象吗?支持字符串数组格式吗?
比如columns = ["sttrig","number"]这种格式

共有1个答案

邹祺然
2024-01-03

看了下文档 V1-V3是支持的,V4是固定格式,不过你可以试试
image.png

 类似资料:
  • Mocha支持断言库中任何抛出的s err.expected和err.actual属性AssertionError。mocha将尝试显示预期内容与断言实际看到的内容之间的差异。这是一个“字符串”差异的例子:

  • 我有一个JavaScript对象数组: 如何在JavaScript中按照的值对它们进行排序? 我知道,但它似乎只适用于字符串和数字。是否需要向对象添加方法?

  • 问题内容: 我正在使用JsonConvert.SerializeObject序列化模型对象。服务器希望所有字段都为字符串。我的模型对象具有数字属性和字符串属性。我无法将属性添加到模型对象。有没有一种方法可以将所有属性值序列化为字符串?我必须仅支持序列化,而不支持反序列化。 问题答案: 您甚至可以为数字类型提供自己的数字。我只是想这和它的作品- 它的快速和肮脏的,你几乎肯定希望把它扩大到支持其他数字

  • 问题内容: 我有一个JavaScript对象数组: 如何按JavaScript中的值对它们进行排序? 我知道,但这似乎只适用于字符串和数字。我是否需要向对象添加方法? 问题答案: 编写自己的比较函数很容易: 或内联(c / o Marco Demaio):

  • 我试图获取任意长度的字符串[],并将其打印成字符串,最好使用字段分隔符。现在我有: 但是由于某种原因,它只是返回“第二个”值。我如何使它正确连接这些值? 另外,我可以使用来简化代码吗?谢谢

  • 字符串 字符串是shell编程中最常用最有用的数据类型(除了数字和字符串,也没啥其它类型好用了),字符串可以用单引号,也可以用双引号,也可以不用引号。单双引号的区别跟PHP类似: 单双引号的区别: 双引号里可以有变量,单引号则原样输出; 双引号里可以出现转义字符,单引号则原样输出; 单引号字串中不能出现单引号。 拼接字符串 #!/bin/bash str1='i' str2='love' str3