当前位置:   article > 正文

vue 获取select的值及动态添加option_vue 给el-select添加el-option

vue 给el-select添加el-option

前端代码

  1. <div id="app">
  2. <select class="form-control con1" @change="changeProduct($event)">
  3. <option value="" disabled selected>请选择</option>
  4. <option v-for="item in list" :value="item">{{item}}</option>
  5. </select>
  6. </div>

js代码

  1. new Vue({
  2. el:"#app",
  3. data:{
  4. list:[]
  5. },
  6. methods: {
  7. changeProduct(event){
  8. console.log(event.target.value)
  9. }
  10. }
  11. })

动态添加option

  1. var arr = [1,2,3,4,5];
  2. for(var i=0; i < arr.length; i++){
  3. this.list.push(arr[i]);
  4. }

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/weixin_40725706/article/detail/91447
推荐阅读
相关标签
  

闽ICP备14008679号