小程序
小游戏
企业微信
微信支付
扫描小程序码分享
页面内容超过一屏,editor在底部时,初始化editor中内容,页面会滚动到editor位置
10 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
可以加个scroll 初始化完成 页面定位到最顶端
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
解决了,在元素标签上加v-show="showEditor",v-if不行,初始化showEditor: false,editor初始化后设为true
我的解决办法是初始化时,设置editor的read-only为true,给editor设置bindtap事件,当点击editor时,在设置read-only为false,并且手动调用一下editor的bindfocus事件聚焦在editor中
<editor id="editor" read-only="{{readOnly}}" class="ql-container" placeholder="请输入内容" bindtap="onEditorTap" bindinput="onEditorInput" bindfocus="onEditorFocus" bindblur="onEditorBlur" bindstatuschange="onStatusChange" bindready="onEditorReady"></editor> onEditorTap(e) { this.setData({ readOnly: false }) this.onEditorFocus(e) },
尝试上面几位老师的方法,这2个方法能让set数据后不滚动:
1,给editor加v-show="showEditor",初始化后显示;
2,给editor写read-only=true属性;
????
可以试试这个
马上2024了,我去这问题还没有解决!
只能曲线救国
1、初始化完成后抛出事件
onEditorReady() {
// #ifdef APP-PLUS || H5 ||MP-WEIXIN
//支付宝in(this)无效
let that=this
uni.createSelectorQuery().in(this).select('#myunieditor').context((res) => {
this.editorCtx = res.context
that.editorCtx.setContents({
html:that.store_detail,
success(res) {
that.$emit('editorLoaded', res)
}
})
}).exec()
// #endif
},
2、在组件上接收事件回调css显示
<view :style="[{display:showEditor?'':'none'}]">
<myunieditor :hasImgIcon="false" :store_detail="formData.content" @change="getEditorContent" editorHeight="600rpx" placeholder="请输入会议提纲,以备参会人员提前准备. (非必填)" placeholder-style="font-size:10pt;" @editorLoaded="editorLoaded"></myunieditor>
</view>
<script setup>
let showEditor=ref(false)
const editorLoaded=(e)=>{
showEditor.value=true
</script>
2022年了,3年过去了,微信开发工具里还有这个问题。坑挺深的,目前是搞成去新页面编辑了。
这里去掉焦点就行了
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
可以加个scroll 初始化完成 页面定位到最顶端
解决了,在元素标签上加v-show="showEditor",v-if不行,初始化showEditor: false,editor初始化后设为true
我的解决办法是初始化时,设置editor的read-only为true,给editor设置bindtap事件,当点击editor时,在设置read-only为false,并且手动调用一下editor的bindfocus事件聚焦在editor中
<editor id="editor" read-only="{{readOnly}}" class="ql-container" placeholder="请输入内容" bindtap="onEditorTap" bindinput="onEditorInput" bindfocus="onEditorFocus" bindblur="onEditorBlur" bindstatuschange="onStatusChange" bindready="onEditorReady"></editor> onEditorTap(e) { this.setData({ readOnly: false }) this.onEditorFocus(e) },
尝试上面几位老师的方法,这2个方法能让set数据后不滚动:
1,给editor加v-show="showEditor",初始化后显示;
2,给editor写read-only=true属性;
????
可以试试这个
马上2024了,我去这问题还没有解决!
只能曲线救国
1、初始化完成后抛出事件
onEditorReady() {
// #ifdef APP-PLUS || H5 ||MP-WEIXIN
//支付宝in(this)无效
let that=this
uni.createSelectorQuery().in(this).select('#myunieditor').context((res) => {
this.editorCtx = res.context
that.editorCtx.setContents({
html:that.store_detail,
success(res) {
that.$emit('editorLoaded', res)
}
})
}).exec()
// #endif
},
2、在组件上接收事件回调css显示
<view :style="[{display:showEditor?'':'none'}]">
<myunieditor :hasImgIcon="false" :store_detail="formData.content" @change="getEditorContent" editorHeight="600rpx" placeholder="请输入会议提纲,以备参会人员提前准备. (非必填)" placeholder-style="font-size:10pt;" @editorLoaded="editorLoaded"></myunieditor>
</view>
<script setup>
let showEditor=ref(false)
const editorLoaded=(e)=>{
showEditor.value=true
}
</script>
2022年了,3年过去了,微信开发工具里还有这个问题。坑挺深的,目前是搞成去新页面编辑了。
这里去掉焦点就行了