1 2 3 4 <div id="example">5 6 <div7 class="rule"8 v-for="rule in rules"9 >10 format: <tt>{{rule.format}}</tt>11 <input type="checkbox" checked class="rule">12 <div style="padding-left: 24px;">13 <div class="properties"14 v-for="(values, key) in rule.properties"15 >16 {{key}}17 <tt>[</tt>18 <label v-for="value in values"><input type="checkbox" checked><tt>"{{value}}"</tt></label>19 <tt>]</tt>20 </div>21 </div>22 </div>23 24 </div>25 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>26 <script>27 new Vue({28 el: '#example',29 data: {30 rules: [31 {32 format: 'csv',33 properties: {34 header: ["true", "false"],35 delimiter: ["|", ";"],36 },37 },38 {39 format: 'csv',40 properties: {41 header: ["true"],42 delimiter: ["|", ","],43 },44 },45 {46 format: 'csv',47 properties: {48 header: ["false"],49 delimiter: [",", ";"],50 },51 },52 {53 format: 'json',54 properties: {55 strict: ["true", "false"],56 uniqueKeys: ["true", "false"],57 },58 },59 ],60 },61 });62 63 </script>64 65 Enlace
El enlace para compartir es: