V-bind怎么绑定自定义的属性啊比如data-id什么的
比如下面遍历的时候有个自定义属性data-id要放值，该怎么放啊,下面这样是不行的
<template v-for="region in regions">
<option :value="region.region_id" :data-id='region.xx'>{{ region.region_name }}</option>
</template>
慕容708150浏览 1844回答 1
1回答
-
慕莱坞森
写了一个简单的例子 <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>效果截图如下，是好使的：
随时随地看视频慕课网APP
相关分类
JavaScript