vue-quill-editor 获取不到焦点
按文档来写的
点击内容区域获取不到焦点
刚测试了一下 浏览器手机调试的时候获取不到焦点 但不是手机模式却可以 是应该什么属性禁止了吗
再次测试了这个http://baixuexiyang.github.io... 也是一样不是手机模式的话就可以
页面---
<div class="publish-title">
<input type="text" placeholder="标题(至少三个字)" v-model="postTitle" maxlength="20">
</div>
<quill-editor v-model="content"
:options="editorOption"
@blur="onEditorBlur($event)"
@focus="onEditorFocus($event)"
@ready="onEditorReady($event)">
</quill-editor>
import { quillEditor } from 'vue-quill-editor'
import Quill from 'quill'
import { ImageImport } from './modules/ImageImport.js'
import { ImageResize } from './modules/ImageResize.js'
Quill.register('modules/imageImport', ImageImport)
Quill.register('modules/imageResize', ImageResize)
data----配置
content: '<p>Click on the Image Below to resize</p>' +
'<p><img src="https://surmon-china.github.io/vue-video-player/static/images/author.jpg" width="400"></p>' +
'<p>Or drag/paste an image here</p>',
editorOption: {
modules: {
toolbar: [
['link', 'image']
],
history: {
delay: 1000,
maxStack: 50,
userOnly: false
},
imageImport: true,
imageResize: {
displaySize: true
}
}
},
metheds ----方法
onEditorBlur(editor) {
console.log('editor blur!', editor)
},
onEditorFocus(editor) {
console.log('editor focus!', editor)
},
onEditorReady(editor) {
console.log('editor ready!', editor)
},
在IOS中<div contenteditable="true"></div>中点击时可以弹出键盘但是无法输入。加一个样式-webkit-user-select:text就可以了。
好尬 ; 还是没有用呢
----------------分割线---------------------
终于解决了
是因为引入了fastclick影响了
只需在div上加上 needsclick 类名就好了 ,,
详细见zhihu 、、https://www.zhihu.com/questio...