IMweb训练营作业（二）-select组件创建

来源：互联网发布：淘宝直通车步骤编辑：程序博客网时间：2024/06/15 13:26

--------------------------------------------------------------------------------------------------------展示效果-----------------------------------------------------------------------------------------------------------

代码块：1）

HTML部分：

<body><div id="selected">    <select v-model="selected">    <option v-for="option in op" v-bind:value="option.value">      {{ option.text }}    </option>  </select>  <div>下拉框: {{ selected }}</div>      <script src="./app.js"></script></div></body>

代码块2）

JS部分：

new Vue({    el: '#selected',    data: {      selected: 'IMweb训练营作业',      op: [        { text: 'IMweb训练营作业（一）', value: 'todolist' },        { text: 'IMweb训练营作业（二）', value: 'select组件创建' },        { text: 'IMweb训练营作业（三）', value: '用vue写一个APP' }      ]    }  })

1 0