mounted获取父组件的值
<devicework v-bind:gwIotId="gwIotId"/>
import { devicework} from './components'
components: {
devicework,
},```
```bash
<template>
<div class="">
<p>{{gwIotId}}</p>
<data-table
ref="gwIotId"
class="mt-20"
v-bind:tableColumnList="work_tableColumnList"
:dataList="work_dataList"
:pager="work_page"
@handleSizeChange="work_handleSizeChange"
@handleCurrentChange="work_handleCurrentChange"
>
</data-table>
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import { Message } from 'element-ui'
import DataTable from '@/components/DataTable.vue'
import { historyTable} from '../../../api/allalarmsApi'
export default {
components: {
DataTable,
},
name: 'devicework',
// 接受父组件的值
props: {
gwIotId: String,
required: true
},
data() {
return {
work_tableColumnList:[],
work_dataList:[],
work_page:{
pageNum:1,
pageSize:10,
total:null,
}
}
},
mounted() {
let _this=this;
// 获取父组件传过来的值
console.log("-------------",_this._props.gwIotId);
// console.log("-------------",this.$refs.gwIotId)
// console.log("gwProductKey",this.gwProductKey)
},
computed: {
...mapGetters([
'statusFail','statusSuccess',
])
},
methods: {
work_handleCurrentChange(){},
work_handleSizeChange(){}
},
created(){
},
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
</style>