uniapp通过 plus.webview.create创建webview写个例子
时间: 2024-02-25 22:46:10 浏览: 151
(uniapp框架)手动封装webview页面与App交互sdk
好的,下面是一个基本的 uniapp 通过 `plus.webview.create` 创建 `webview` 的例子:
```vue
<template>
<view>
<button type="primary" @click="createWebview">创建 WebView</button>
</view>
</template>
<script>
export default {
methods: {
createWebview() {
// 调用 plus.webview.create 方法创建 webview
const webview = plus.webview.create('https://www.baidu.com', 'webview', {
top: '50px',
bottom: '0px',
position: 'dock'
});
// 显示 webview
webview.show();
}
}
}
</script>
```
在上述代码中,我们在 `createWebview` 方法中调用 `plus.webview.create` 方法创建了一个 `webview`,并将其显示出来。其中,第一个参数表示要打开的 URL,第二个参数是 `webview` 的 id,第三个参数是 `webview` 的样式。在这个例子中,我们将 `webview` 的位置设置为 `dock`,即停靠在屏幕底部。
阅读全文