unniapp 获取页面元素高度

我们可以使用 JavaScript 中的 `clientHeight` 或者 `offsetHeight` 属性来获取页面元素的高度。这两个属性都是用来获取元素的可见高度，但是它们的计算方式略有不同：

- `clientHeight` 表示元素内容区域的高度加上内边距的高度，但不包括边框和外边距的高度。
- `offsetHeight` 表示元素内容区域的高度加上内边距的高度、边框的高度和外边距的高度。

以下是一个获取元素高度的示例代码：

var element = document.getElementById("myElement");
var height = element.clientHeight; // 获取元素的可见高度，不包括边框和外边距
var offsetHeight = element.offsetHeight; // 获取元素的可见高度，包括边框和外边距

请注意，获取元素高度的前提是必须已经加载完成并且在 DOM 中存在该元素。如果需要在页面加载完成后再获取元素高度，可以使用 `window.onload` 事件或者 `DOMContentLoaded` 事件来等待页面加载完成后再获取元素高度。

相关问题

unniapp面试题

Uniapp是一款基于Vue.js框架的跨平台开发工具，可以同时开发出微信小程序、H5、安卓和iOS应用。以下是对Uniapp面试题的回答：
1. Uniapp与Vue和微信小程序的异同点：
Uniapp与Vue的语法和开发方式非常相似，但是Uniapp还支持了微信小程序的组件和API，可以实现跨平台开发。与微信小程序相比，Uniapp可以更方便地使用Vue的指令和组件，同时也可以使用微信小程序的API和组件。
2. Uniapp中配置tabbar的方式：
在Uniapp中，可以通过在pages.json文件中配置tabBar来实现底部导航栏的功能。可以设置导航栏的颜色、样式、背景色等属性，同时也可以设置每个导航栏的页面路径、图标和文字。
3. Uniapp中常见的组件：
Uniapp中常见的组件包括：button、input、image、text、swiper、scroll-view、icon等。这些组件与Vue的组件非常相似，但是也有一些微信小程序的组件可以使用，例如picker、picker-view等。

unniapp阻止事件冒泡

在uniapp中，可以使用`@click.stop`来阻止事件冒泡。但是有时候可能会发现`@click.stop`并没有生效，这可能是因为事件绑定的位置不正确导致的。确保`@click.stop`是在需要阻止冒泡的元素上正确绑定的。

以下是一个示例代码，演示了如何在uniapp中阻止事件冒泡：

<template>
  <view @click.stop="handleClick">
    <button @click="handleButtonClick">按钮</button>
  </view>
</template>

<script>
export default {
  methods: {
    handleClick() {
      console.log('父节点点击事件');
    },
    handleButtonClick(event) {
      event.stopPropagation();
      console.log('子节点点击事件');
    }
  }
}
</script>

在上面的代码中，`@click.stop`被绑定在父节点上，用于阻止事件冒泡。而在子节点的点击事件处理函数中，使用`event.stopPropagation()`来阻止事件继续向上冒泡。

这样，当点击按钮时，只会触发子节点的点击事件，而不会触发父节点的点击事件。