diff --git a/pages/template/browser-element/browser-element.uvue b/pages/template/browser-element/browser-element.uvue
index ad5d1bfae72c8e0f4d76a2590547d0e289f64972..d4d822c15de5aaaaac67c19545a5fb6de6246ce1 100644
--- a/pages/template/browser-element/browser-element.uvue
+++ b/pages/template/browser-element/browser-element.uvue
@@ -2,12 +2,13 @@
-
- 使用浏览器内置的 a 标签
-
+ 使用浏览器内置的 a 标签
+
+ uni-app x,是下一代 uni-app,是一个跨平台应用开发引擎
+
- HTML语法
- {{linkTips}}
+ 使用浏览器内置的 button 标签(浏览器内置标签和 uni-app 重名的情况)
+
@@ -16,17 +17,14 @@
export default {
data() {
return {
- title: '浏览器 element',
- linkTips: `uni-app x,是下一代 uni-app,是一个跨平台应用开发引擎`
+ title: '浏览器 element'
}
},
onReady() {
const element = this.$refs['html-element-area'] as HTMLElement;
- const linkElement = document.createElement('a') as HTMLLinkElement;
- linkElement.href = 'https://doc.dcloud.net.cn/uni-app-x/';
- linkElement.innerText = 'uni-app x,是下一代 uni-app,是一个跨平台应用开发引擎';
- linkElement.setAttribute('target', "uni-app-x");
- element.appendChild(linkElement);
+ const buttonElement = document.createElement('button') as HTMLButtonElement;
+ buttonElement.innerText = 'browser button';
+ element.appendChild(buttonElement);
}
}
@@ -36,13 +34,7 @@
padding: 15px;
}
- .html-tips {
+ .title {
margin-top: 15px;
}
-
- .html-tips-link {
- font-size: 12px;
- margin-top: 5px;
- opacity: .7;
- }