社区
CSS
帖子详情
在vue项目中,使用codemirror功能在结合tabs时显示异常
咖啡与喵
2020-07-03 06:12:59
在vue项目中,我使用了tabs功能。再进入tabs第一页的时候,codemirror功能显示与使用正常。但是在切换到第二个tab页后codemirror不显示了。需要鼠标再次点击后才能把编辑器显示出来。这个有办法解决嘛?
或者我可以换一个代码编辑器,希望大佬可以推荐一个。谢谢
...全文
4128
6
打赏
收藏
在vue项目中,使用codemirror功能在结合tabs时显示异常
在vue项目中,我使用了tabs功能。再进入tabs第一页的时候,codemirror功能显示与使用正常。但是在切换到第二个tab页后codemirror不显示了。需要鼠标再次点击后才能把编辑器显示出来。这个有办法解决嘛? 或者我可以换一个代码编辑器,希望大佬可以推荐一个。谢谢
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
6 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
法号:吃肉
2021-01-13
打赏
举报
回复
空白问题只要切换到tabs之后再对codemirror 重新赋值即可。
咖啡与喵
2020-11-21
打赏
举报
回复
我换了个插件 - -
小怪兽.M豆
2020-11-17
打赏
举报
回复
楼主这个问题解决了吗?我遇到了 和你一样的问题,不过我的tab里是内容比较多,嵌套了2层子组件才是codemirror。添加tabs之后,新添加的codemirror没有加上,反而在第一个tab里多加了一个codemirror输入框
tw在这里
2022-09-14
举报
回复
@小怪兽.M豆
你好,请问你这个问题解决了吗,我也是和你一样的问题😂
咖啡与喵
2020-07-03
打赏
举报
回复
引用 1 楼 chinaskysun的回复:
我没用过你说的,感觉应该是触发有问题,建议将codemirror的渲染放在tabs的点击事件里
搜嘎,谢谢我试试
chinaskysun
2020-07-03
打赏
举报
回复
我没用过你说的,感觉应该是触发有问题,建议将codemirror的渲染放在tabs的点击事件里
vue
codemirror
vue
-
codemirror
yarn add
vue
-
codemirror
yarn add
codemirror
<template> <q-card> <q-
tabs
v-model="activeTab" dense class="text-grey" active-color="primary" indicator-color="primary" align="left" > &...
切换tab
codemirror
refresh无效
先贴一下
codemirror
官方文档里关于refresh的解释 在resize或者unhide的
时
候需要用refresh来确保
codemirror
仍然按预期表现 我是用的element的el-
tabs
,这里切换tab显然是在unhide一个tab。 但是为什么我在onTabClick方法里refresh仍然无效呢,原因是,要等视图先更新。 refresh特意强调了是unhide。因此加个setTimeout或者await nextTick都可。 下面贴出代码: <el-
tabs
v-model="a
CodeMirror
插件,鼠标光标与代码定位错误BUG处理
大家好,我在开发Z平台
时
随到一个BUG,在Z平台表单类型
中
,“源码输入框”类型的字段是
使用
CodeMirror
插件开发完成的,在
使用
CodeMirror
插件
时
,发现一个BUG,当然这个BUG有可能是我集成其它CSS样式冲突导致的。无论BUG是如何产生的,我想在这里分享一下我是怎样处理这个BUG,如果您也遇到相近的问题,可以参数我的做法来处理。 BUG介绍
CodeMirror
版本:5....
在
vue
中
实现在线代码编辑器(lua) - ace/
codemirror
/monaco-editor
支持lua语法高亮简易的语法提示(根据当前代码
中
的关键字)可以按需导入
功能
与模块不支持lua代码校验不支持lua代码格式化lua语法提示不满足需求没有全量导入
功能
,当导入大量模块和
功能
时
,需要写很多import,不方便管理...支持lua语法高亮支持lua代码校验支持lua代码块折叠基础语法提示,提供部分代码片段可以按需导入
功能
与模块不支持lua代码格式化引入的模块,打包后会在根目录下产生很多js文件推荐
使用
@appguru/luafmt,或者基于。
vue
项目
使用
eslint校验代码和prettier格式化代码
eslint 在
vue
项目
中
,为了统一代码规范,会
使用
eslint配置校验代码,关于eslint怎么配置,看这个:https://blog.csdn.net/bbt953/article/details/123850059 prettier 为了按照eslint的规则去敲代码,费
时
费力,可能只是多一个空格就会报错,所以,这
时
可以针对eslint的校验规则来配置prettier,然后格式化代码 配置prettier 3-1. 什么是prettier prettier是代码格式化工具,支持JS/JS..
CSS
61,112
社区成员
60,730
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章