时间戳

首页 > 解决方案 > 将数据传递给模态/WebView

nativescript-vue - 将数据传递给模态/WebView

问题描述

在 NativeScript-Vue 中，将数据传递给模式的简单、干净的方法是什么？

背景：我需要以模式显示外部网页。WebView 似乎是这样的。除了文档表明您必须对源代码进行硬编码：

<WebView src="http://nativescript-vue.org/" />

那不好。我需要类似的东西

<WebView :src="myUrl" />

data() {
    return {
         myUrl: "https://en.wikipedia.org/wiki/Mary,_Queen_of_Scots",
}

尽管文档说了什么，但这似乎有效。耶！！

现在，在模态中，如何设置myUrl原始应用页面中的值？

标签： nativescript-vue

解决方案

从您的原始页面：

this.$showModal(YourWebModal, {
  props: {
    myUrl: 'https://en.wikipedia.org/wiki/Mary,_Queen_of_Scots'
  }
})

在您的模态中：

<WebView :src="myUrl" />
props: ['myUrl'],
data () {
    return {}
}

推荐阅读