VUE下拉框用传参形式设置默认值

最新推荐文章于 2024-04-28 11:51:31 发布

新老农

最新推荐文章于 2024-04-28 11:51:31 发布

阅读量1k

点赞数

分类专栏： JS VUE PHP 文章标签： vue.js javascript ecmascript

懒虫

本文链接：https://blog.csdn.net/xcbzsy/article/details/127410149

版权

PHP 同时被 3 个专栏收录

106 篇文章 1 订阅

订阅专栏

63 篇文章 1 订阅

订阅专栏

VUE

18 篇文章 0 订阅

订阅专栏

在这里插入图片描述

 <div class="col-md-2" style="width: 170px">
      <el-select v-model="form.areaid" clearable placeholder="请选择属地" style="width: 100%">
        <el-option
          v-for="(item,value) in areaData"
          :key="value"
          :label="item"
          :value="value">
        </el-option>
      </el-select>
    </div>

<script>
  var app = new Vue({
    el: '#app',
    delimiters: ['${', '}'],
    data() {
      return {
        form: {
          areaid: '{!! $place_from !!}',    //用变量设置默认值 
          depid: '',
          propertiesId: '',
          begin_month: '',//选择的开始月份
          end_month: '',//结束月份
        },
        areaData: @json($sample_area),    // 属地
      };
    },
    methods: {
    //
     },
    mounted() {
     //
    },
</script>