返回页面后无法给bottom再次赋值
时间: 2024-01-16 22:03:10 浏览: 23
如果返回页面后无法给 `bottom` 再次赋值,可能是因为 `bottom` 在页面返回后被缓存了,导致页面没有重新渲染。你可以尝试在 `onShow` 生命周期钩子函数中重新给 `bottom` 赋值,以确保页面重新渲染时 `bottom` 的位置能够更新。具体可以参考以下代码:
```
// 在下一页调用返回上一页时手动触发键盘高度变化事件
uni.onKeyboardHeightChange({height: 0});
// 在上一页监听页面键盘高度变化事件
uni.onKeyboardHeightChange(function(res) {
// 在键盘高度变化时重新给 bottom 赋值
this.bottom = res.height;
});
```
另外,如果你使用的是 `uni-app` 的页面级别路由(如 `uni.navigateTo` 和 `uni.navigateBack`),可以尝试在路由跳转时关闭页面缓存,以确保页面每次都会重新渲染。具体可以参考以下代码:
```
// 在跳转页面时关闭页面缓存
uni.navigateTo({
url: '/pages/xxx/xxx',
animationType: 'slide-in-right',
animationDuration: 200,
// 关闭页面缓存
delta: 1,
type: 'none',
});
```
通过以上方式,你应该可以解决无法给 `bottom` 赋值的问题。
相关问题
java在lader类中添加方法给成员变量above ,bottom赋值
在Java中,你可以在`Lader`类中添加如下方法,实现给`above`和`bottom`赋值:
```java
public void setAboveAndBottom(int newAbove, int newBottom) {
this.above = newAbove;
this.bottom = newBottom;
}
```
这个方法接收两个参数`newAbove`和`newBottom`,并将它们分别赋值给`above`和`bottom`属性。
使用这个方法可以同时修改`above`和`bottom`属性,例如:
```java
Lader l = new Lader(3, 4);
System.out.println(l.getAbove()); // 输出:3
System.out.println(l.getBottom()); // 输出:4
l.setAboveAndBottom(5, 6);
System.out.println(l.getAbove()); // 输出:5
System.out.println(l.getBottom()); // 输出:6
```
需要注意的是,这里假设`above`和`bottom`属性已经在`Lader`类中定义,并且有对应的getter方法。如果没有定义,你需要先在类中定义这两个属性。
this.$refs.bottom_content赋值html
在 Vue.js 中,可以使用 `$refs` 引用组件或 DOM 元素,并且可以通过操作 DOM 元素来改变组件的展示。如果你想要通过 `$refs` 来修改 DOM 元素的 HTML 内容,可以使用以下方式:
```
this.$refs.bottom_content.innerHTML = '<p>New HTML Content</p>';
```
这将会将 `bottom_content` 组件中的 HTML 内容替换为 `<p>New HTML Content</p>`。请注意,修改 DOM 元素的 HTML 内容可能会引起安全问题,请谨慎使用。
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)