Comments (2)
no need
I love this comment lol
Yes, there is a need obviously because in the current state, you can't swap the json value after the initial component load because the only time you actually bind (well, technically you parse) the data is on component load. So any time you pass the data afterwords - nothing happens.
Unfortunately instead of using computed properties, you bind the data from the passed prop onto the component state on component load - this alone makes it non-reactive as mentioned, and since you use watchers on said state - adding a simple watcher for objData will kick your component into a permanent loop since the change will get passed down to child components which emit the change back up to their parent on any state change.
What you can do to work around this issue (unless you want to rewrite the whole ting again) is add another prop for "JsonEditor" component and create a watcher for that one
watch:{ updatedJson(newVal){ this.parsedData = this.jsonParse(newVal) } }
This will do the same thing as the original author did on component load and substitute your old JSON without triggering the infinite loop since once you change the parsed data, that component will instantly emit the new value back up to your original parent prop
from vue-json-edit.
no need
from vue-json-edit.
Related Issues (20)
- the value can not be parsed when it is null
- 给options属性设置默认值或者将options设为必填属性
- the indentation is wrong HOT 2
- 数字类型的值在清空输入框后会变成字符串
- "TypeError: e.component is not a function"
- "TypeError: e.component is not a function" error HOT 1
- numberInputChange() method in JsonView component takes invalid parameter
- @input handler is not getting invoked if not used in conjunction with v-model
- 你好,喜欢这个json编辑组件,但有个问题。。。。
- feature requests: readonly and collapsed
- Error when editing a number HOT 1
- "e.component is not a function" HOT 2
- Css is clashing with the app's css HOT 2
- How to modify the CSS files? HOT 1
- Code preview HOT 1
- number: float value does not work
- Change description of use (1 min fix)
- a css bug HOT 1
- 有详细的使用文档吗? HOT 1
- CDN browser
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-json-edit.