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
| <template>
| <el-col
| v-if="ButtonList!=null&&ButtonList.length>0"
| :span="24"
| class="toolbar"
| style="padding-bottom: 0px;"
| >
| <el-form :inline="true" @submit.native.prevent ref="SearchForm">
| <el-form-item>
| <el-input v-model="SearchInfo.Key" placeholder="关键字"></el-input>
| </el-form-item>
| <!-- 这个就是当前页面内，所有的btn列表 -->
| <el-form-item v-for="item in ButtonList" v-bind:key="item.id">
| <!-- 这里触发点击事件 -->
| <el-button
| :type="item.Func&&(item.Func.toLowerCase().indexOf('handledel')!= -1 ||item.Func.toLowerCase().indexOf('stop')!= -1 )? 'danger':'primary'"
| v-if="!item.IsHide"
| @click="CallBack(item)"
| >{{item.name}}</el-button>
| </el-form-item>
| </el-form>
| </el-col>
| </template>
| <script>
| export default {
| name: "SearchBar",
| data() {
| return {
| SearchInfo: {
| Key:""
| },
| };
| },
| props: ["ButtonList"], //接受父组件传值
| methods: {
| CallBack(Item) {
| this.$emit("CallBack", Item, this); //将值传给父组件
| },
| },
| };
| </script>
|
|
