java - vue.js如何写checkbox.radio?
PHPz
PHPz 2017-04-18 10:52:28
0
2
551

我想用vue写checkbox.radio,这个怎么做呢
vue版本2.X
java springmvc

正常情况下会生成如下格式

<select>
    <option value>值1</option>
    <option value>值2</option>
</seltct>

一般情况下数据库里面放的是状态码 1,2。
而前台展示的时候显示的是值1,值2。
我如何直接输出值1,值2呢,我不想在后台进行值查询可以吗?
以前的JSP都是写个tag,直接把值转成html,现在vue我不知道怎么办了

PHPz
PHPz

学习是最好的投资!

répondre à tous(2)
小葫芦

Tout d’abord, merci pour l’invitation.

Selon votre description, vous souhaitez enregistrer uniquement la valeur de statut en arrière-plan, puis stocker le contenu correspondant à la valeur de statut dans un coin de js. Lorsque vous avez besoin d'effectuer un rendu, vous pouvez supprimer le contenu correspondant et. restituez-le sur la page en fonction de la valeur de statut correspondante

.

Comme il s'agit généralement d'un retour en arrière-plan, vous pourrez peut-être le faire en fonction de vos besoins

  • Mettez-le d'abord dans les données (ou écrivez un fichier de magasin pour stocker spécifiquement ces contenus dans l'ordre)

options: [
    '我是1',
    '我是2',
    '我是3',
    '我是4',
    '我是5',
    '我是6',
    '我是7',
    '我是8',
    '我是9',
    '我是10',
]
  • Ensuite, vous pouvez écrire une valeur de statut dans les données qui accepte la valeur de statut de l'arrière-plan

option_values: [
    0,
    2,
    4
]
  • Rendu les effets sur la page en fonction de ces

<select>
      <option value='item' v-for='item in option_values'>{{options[item]}}</option>
</select>

Effet final

Cependant, ce n'est pas une bonne idée, car pour les tableaux, les index ne peuvent être que des nombres, ce qui limite le type de valeurs d'état. Ce qui précède est une solution.


Donc, compte tenu de la diversification des valeurs d'état, que devons-nous faire ? Parlons de la conversion de tableaux en objets
Changer la première étape ci-dessus sous la forme de paires clé-valeur

  options: {
    'option1':'我是1',
    'option2':'我是2',
    'option3':'我是3',
    'option4':'我是4',
    'option5':'我是5',
    'option6':'我是6',
    'option7':'我是7',
    'option8':'我是8',
    'option9':'我是9',
    'option10':'我是10',
  }

Si vous l'écrivez ainsi, la valeur de statut que nous avons initialement transmise ne peut être que de type numérique et peut être naturellement modifiée en

  option_values: [
    'option1',
    'option3',
    'option9'
  ]

Cela garantit également la diversité des valeurs de statut.

Enfin, il vaut mieux avoir moins de questions au contenu inapproprié à l’avenir. Vérifier les règles de la communauté vous aidera à trouver des réponses rapidement. Merci encore pour l'invitation, j'espère pouvoir vous aider ou vous aider 提供一些新的思路

阿神

Merci pour l'invitation.

Votre question n'est pas professionnelle... Votre titre souhaite poser des questions sur checkbox.radio, mais le code dans le contenu est une liste déroulante de sélection.

Et c’est une question très fondamentale.
Si la valeur 1 et la valeur 2 sont fournies par l'arrière-plan, comment pourriez-vous ne pas les interroger ?
En fait, le principe est le même. Une fois que le front-end a demandé à l'arrière-plan d'obtenir les données, vous pouvez ensuite restituer la page.

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal