demo-select-in.vue
1.19 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<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>