Javascript 限制vue材质芯片中的字符串长度

我使用收集一些字符串数组，我必须限制每个字符串的长度（比如说，30个字符）

它们有

md limit

prop，它限制了数组中可以包含的字符串数量，但不限制每个字符串上可以包含的字符数量

我相信在将每个字符串添加到数组之前，我必须构建一个自定义验证（我曾尝试使用

v-validate

，但它似乎对芯片组件没有任何影响）

如果有人对我如何实现这一目标提出建议，我将不胜感激！Tnx

如果我没弄错的话

您有一个内置芯片的阵列（例如：

this.fruits=['Banana'、'Apple'、'菠萝'、'someotherfruits with than 30chars']

）

当您点击回车键时，v-model变量将被更新，并将您的输入推送到该数组中

我要做的是：

做一个深表（可能正常工作很好）

观察：{
水果：{
//newVal是数组的新值
处理程序：函数（newVal）{
//检查数组的最后一个元素是否超过30个字符
如果（newVal[（newVal.length-1）]。长度>30）{
//删除数组的最后一个元素
这个。水果。汽水（）
}
},
深：是的
}
}

尝试使用组件的格式化程序功能作为验证检查 md格式如果超过30个字符，则返回null

---

tnx，它已经帮了我很多！我可能需要向chips字段发送一条错误消息，但是对于我在这里暴露的问题，您的答案非常好=]