ivew的对话框点击后怎么传值到另一个页面
时间: 2023-05-26 14:01:47 浏览: 104
页面之间传值方法
需要使用以下步骤来实现ivew的对话框点击后传值到另一个页面:
1. 在需要传值的组件中,定义一个变量来接收传递的值。
2. 在打开对话框的组件中,使用iview的Modal组件,将需要传递的值通过props传递给Modal组件。示例代码如下:
```
<Modal v-model="visible" :title="title" :props="{data: data}" @on-ok="handleOk">
// 对话框内容
</Modal>
```
3. 在对话框中的“确定”按钮上,绑定一个事件,将对话框中的数据通过$emit传递给父组件。
```
handleOk() {
this.$emit('on-ok', this.data)
}
```
4. 在父组件中,监听该事件,并将传递的数据赋值给接收数据的变量。示例代码如下:
```
<ChildComponent @on-ok="handleChildData"></ChildComponent>
handleChildData(data) {
this.parentData = data
}
```
通过以上步骤,就可以实现ivew的对话框点击后将值传递到另一个页面的功能了。
阅读全文