将数据传递到模态/ WebView

Question

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

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

BA

那不好。我需要

之类的东西

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

尽管文档说了什么，但这似乎仍然有效。是的！

现在，在模式中，如何将<WebView :src="myUrl" /> data() { return { myUrl: "https://en.wikipedia.org/wiki/Mary,_Queen_of_Scots", } 设置为原始应用页面中的值？

Answer 1

从您的原始页面开始：

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

在您的模式中：

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