demo-select-in.vue 1.19 KB
<template>
	<div style="text-align:center;">
		<h1 style="text-align: center;">组件 - 下拉框 - 可以输入 - 代码里面写的太死了,只用于医院权限模版保存 使用说明</h1>

    <select-in :list="jobs" :selected.sync="myjob"   
      :empty="empty"
      :emptytext="emptytext"
      :changedobject.sync="selectedObj" 
      id="selectedVal"></select-in> 
      <a v-on:click="saveSelect()">保 存</a>
    <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: {     
      saveSelect:function(){
        var self = this;
        alert("看看我的工作吧="+self.myjob);
      } 
    },
    route: {
    },
    watch:{
      'myjob':function(val){
      	alert(val);
      }
    }
  };
</script>