VUE 嵌套子页面 嵌套组件 传递参数 调用子页面函数
一、嵌套子页面 嵌套组件<script>import pageDriver from '@/views/transport/driver'export default {name: "DriverVehicle",components: {pageDriver}}<!-- 选择司机对话框 --><el-dialog :title="driverTitle" :visi
·
一、嵌套子页面 嵌套组件
<script>
import pageDriver from '@/views/transport/driver'
export default {
name: "DriverVehicle",
components: {
pageDriver
}
}
<!-- 选择司机对话框 -->
<el-dialog :title="driverTitle" :visible.sync="driverOpen" width="80%" append-to-body>
<pageDriver ref="pageDriverFuc"></pageDriver>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitDriverForm">确 定</el-button>
<el-button @click="driverCancel">取 消</el-button>
</div>
</el-dialog>
二、传递参数
<pageVehicle :param="1" ref="pageVehicleFuc" @changeRelatedDriver="changeRelatedVehicle"></pageVehicle>
export default {
name: "Vehicle",
props:["param"],
data() {
created() {
console.log('==============='+this.param);
组件引入:param与 props["param"]要一致,使用的时候this.param
三、调用子页面(组件)函数
/** 司机确认 */
submitDriverForm: function() {
this.$refs.pageDriverFuc.test();
},
更多推荐
已为社区贡献6条内容
所有评论(0)