在vue组件中动态显示序列号

时间:2019-03-04 15:11:53

标签: vue.js vuejs2 vue-component

让我解释一下我到底在寻找什么。我有一个项目,其中有测验类型的面试,此面试有问题。我有3个用户类型,每种类型都有自己的问题。用户可以具有多个角色,例如。如果用户选择2个角色,那么我需要向他们展示两种类型的问题。

所以在这里我正在使用vue js。

我制作了一个名为 int [][] arrayReturned1 = getArrayText(intArray1); int [] colorValue = new int[bitmap1.getWidth()*bitmap1.getHeight()]; for(int a = 0; a < bitmap1.getWidth(); a++) { for(int b = 0; b < bitmap1.getHeight()-1; b++) { arrayReturned1[a][b] = colorValue[a]; } } 的基本组件,在这个组件中,我还有3个专门用于这些类型用户的子组件。

假设我有3种类型的用户-1)厨师2)服务员3)酒保 因此,如果用户选择角色厨师和酒保,那么我将渲染这两个对特定角色有疑问的组件。

让我们说……我的Interview.vue有2个问题。 Chef.vue有3个问题。

所以我渲染了这两个组件,我将在网页上看到5个问题。

我的问题是如何给每个问题一个序列号。 ?

1 个答案:

答案 0 :(得分:0)

您可以创建一个全局可用的计数器,每次使用时都会递增。

这是一个示例实现:

Vue.prototype.$elNum = 0;
Vue.prototype.$getElNum = () => Vue.prototype.$elNum += 1;

然后,无论何时在应用程序中的任何位置创建元素,都可以将keyserialNumber设置为this.$getElNum()