Laravel 5 Vuejs-将属性名称传递给子组件

我正在尝试创建Vue SelectComponent。我想传递给组件的属性之一是Select like so的名称：

在我的组件中，我有：

<template>
    <select :name="{selectName}" >
        <option value="bla">{{selectName}}</option>
    </select>
</template>

<script>
  export default {
    props: ['selectName'],
    data() {
      return {

      }
    }
  }
</script>

<style scoped>

</style>

{{selectName}}
导出默认值{
道具：['selectName']，
数据（）{
返回{
}
}
}

但是，当我查看chromeDev工具时，我看到它生成了：

提供商

注意：

name=“[object]”

应为：

name=“提供者”

我正在Laravel项目中使用Vuejs

非常感谢

<template>
    <select :name="selectName" > //without the brackets
        <option value="bla">{{selectName}}</option>
    </select>
</template>

//没有括号
{{selectName}}