66 lines
1.7 KiB
Vue
66 lines
1.7 KiB
Vue
<template>
|
|
<div>
|
|
<el-button @click="newlyClick" type="primary" size="mini" icon="el-icon-plus"
|
|
>新增食谱</el-button
|
|
>
|
|
<el-button @click="updateClick" icon="el-icon-edit" size="mini" >修改食谱</el-button>
|
|
<el-button @click="newlyTwoClick" type="success" size="mini" icon="el-icon-plus"
|
|
>新增周次</el-button
|
|
>
|
|
<el-button @click="updateTwoClick" icon="el-icon-edit" size="mini" >修改周次</el-button>
|
|
<el-button @click="resetClick" type="info" size="mini" icon="iconfont icon-biaodan"
|
|
>重置</el-button
|
|
>
|
|
<el-button @click="searchClick" type="warning" size="mini" icon="el-icon-search"
|
|
>搜索</el-button
|
|
>
|
|
<el-input
|
|
v-if="false"
|
|
v-model="searchData"
|
|
size="mini"
|
|
style="width: 20%"
|
|
placeholder="请输入搜索的关键字"
|
|
>
|
|
</el-input>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "CommonHead",
|
|
data() {
|
|
return {
|
|
searchData: "",
|
|
};
|
|
},
|
|
|
|
methods: {
|
|
newlyClick() {
|
|
// 在此处调用父组件传入的方法叫父组件做事情
|
|
this.$emit("newly-data");
|
|
},
|
|
updateClick() {
|
|
// 在此处调用父组件传入的方法叫父组件做事情
|
|
this.$emit("update-data");
|
|
},
|
|
newlyTwoClick() {
|
|
// 在此处调用父组件传入的方法叫父组件做事情
|
|
this.$emit("newly-two-data");
|
|
},
|
|
updateTwoClick() {
|
|
// 在此处调用父组件传入的方法叫父组件做事情
|
|
this.$emit("update-two-data");
|
|
},
|
|
resetClick() {
|
|
this.$emit("reset-data");
|
|
},
|
|
searchClick() {
|
|
this.$emit("search-data", this.searchData);
|
|
},
|
|
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped></style>
|