Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/468.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在GrapesJS中从Dom组件更改类元素_Javascript_Grapesjs - Fatal编程技术网

Javascript 如何在GrapesJS中从Dom组件更改类元素

Javascript 如何在GrapesJS中从Dom组件更改类元素,javascript,grapesjs,Javascript,Grapesjs,我一直在寻找一个答案,现在有点,并想找到一个答案。问题是:我需要更新GrapesDom元素的类名,该元素是使用editor.DomComponents.addType('myComponent')添加的。(下面是我正在使用的完整代码) 下面是HTML myCustomComponent部分 <nav> <div class="nav-1 active"> test 1 </div> <div class="nav-2"> test 2 &l

我一直在寻找一个答案,现在有点,并想找到一个答案。问题是:我需要更新GrapesDom元素的类名,该元素是使用editor.DomComponents.addType('myComponent')添加的。(下面是我正在使用的完整代码)

下面是HTML myCustomComponent部分

<nav>
  <div class="nav-1 active"> test 1 </div>
  <div class="nav-2"> test 2 </div>
</nav>

测试1
测试2

谁都知道怎么做?谢谢:)

如果有点晚了,很抱歉,但唯一缺少的是使用
addClass
方法添加您的
活动
类。您可以看到一个工作示例

...
 handleChange (attr) {
     doSomething(attr);
     if(something()) {
       this.addClass('active')
     }

 }
...
笔记 我看到您正在使用
isComponent
检查attribute
data gjs type
是否是您的类型名称。您不需要这样做,因为如果已经设置了该属性,那么方法
isComponent
将不会运行,并且将直接分配类型

...
 handleChange (attr) {
     doSomething(attr);
     if(something()) {
       this.addClass('active')
     }

 }
...