giscafer / vue-json-schema-editor-visual

A json-schema editor of high efficient and easy-to-use, base on Vue.
http://blog.giscafer.com/vue-json-schema-editor-visual/
64 stars 26 forks source link

JsonSchemaEditor 的内容不会变化 #9

Open helxsz opened 3 years ago

helxsz commented 3 years ago
<JsonSchemaEditor :show-default-value="false"   :show-raw="true" :schema="json_schema" :is-mock="false" ></JsonSchemaEditor>

import JsonSchemaEditor from 'vue-json-schema-editor-visual';
Vue.use(JsonSchemaEditor);

  props: {
      data
  },
 data:{
     return:{
     json_schema:null
  } 
},
  watch: {
    'module': function (id) {
     console.log(this.json_schema);
      this.json_schema = this.data;
    }
} 

这是我的代码,组件里有一个prop ‘data’ 和 一个 data 'json_schema', 当data 变化的时候 就自动赋值给json_schema, 但是在测试中发现, console.log 可以看到 json_schema的值变化,但是在JsonSchemaEditor的组件里,里面的内容保持上一次点击的内容,不会产生变化。这是怎么回事。

giscafer commented 3 years ago

可以参考这里的demo : http://blog.giscafer.com/sinokit/#/./components/jsonschema-editor