<template>
	<div style="text-align:center;">
		<h1 style="text-align: center;">组件 - 下拉框使用说明</h1>
		<select-ui 
			:selected.sync="myjob"
			:list="jobs"  
			:empty="empty"
			:emptytext="emptytext" ></select-ui>
    
    <p>

    <a v-link="{path:'/cpt/main'}">返 回</a>
	</div>

</template>
<script>

  module.exports = {
    data: function () {
      return {
      	myjob:'2',
      	empty:true,
      	emptytext:'--我是空选项哦--',
      	// 工作名称
      	jobs:[
      		{'label':'Java开发工程师','value':'1'},
      		{'label':'Net开发工程师','value':'2'},
      		{'label':'前端开发工程师','value':'3'},
      		{'label':'C++开发工程师','value':'4'},
      		{'label':'架构师','value':'5'}
      	]
      };
    },
    methods: {      
    },
    route: {
    },
    watch:{
      'myjob':function(val){
      	alert(val);
      }
    }
  };
</script>