在HTML数组中呈现VueJS属性

mfpqipee  于 2023-02-16  发布在  Vue.js
关注(0)|答案(1)|浏览(134)

我有一个HTML数组,包含如下数据:

data-groups='["category_all", "data goes here"]'

我有一个名为"title"的prop,它包含了我需要在"data goes here"区域中呈现的字符串,我尝试过使用v-bind,但是我丢失了原始排序功能工作所需的数组。
我在谷歌上搜索了几种不同的转义或呈现引号的方法,大多数都提到了v-bind,但它在这个例子中不起作用。
任何帮助都将不胜感激:)

ecbunoof

ecbunoof1#

我使用的是Shuffle.js,对于其他任何寻求答案的人来说,它在文档中:
https://vestride.github.io/Shuffle/docs/getting-started
或者,您可以将分隔符选项设置为逗号(分隔符:','),并且数据组属性将在该字符上拆分。
然后将上面的代码行更改为:

:data-groups="item.category.title + ',all'"

效果很好:)

相关问题