为了账号安全,请及时绑定邮箱和手机立即绑定

V-bind怎么绑定自定义的属性啊比如data-id什么的

V-bind怎么绑定自定义的属性啊比如data-id什么的

慕容708150 2018-11-29 22:14:26
比如下面遍历的时候有个自定义属性data-id要放值,该怎么放啊,下面这样是不行的<template v-for="region in regions">    <option :value="region.region_id" :data-id='region.xx'>{{ region.region_name }}</option></template>
查看完整描述

1 回答

?
慕莱坞森

TA贡献1810条经验 获得超4个赞

写了一个简单的例子

 <body>

    <div id="app">

      <select>

        <template v-for="region in regions">

          <option :value="region.region_id" :data-id="region.xx">

            {{ region.region_name }}

          </option>

        </template>

      </select>

    </div>

    <script>

      new Vue({

        el: "#app",

        data() {

          return {

            regions: [{

              region_id: 1,

              xx: "hello",

              region_name: "name"

            }]

          }

        }

      });

    </script>

  </body>

效果截图如下,是好使的:

https://img1.sycdn.imooc.com//5c286dc500018e2605230251.jpg

查看完整回答
反对 回复 2018-12-30
  • 1 回答
  • 0 关注
  • 1843 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信