jinkin1995 / vue-json-edit Goto Github PK
View Code? Open in Web Editor NEWVisual JSON editor built as an vue component. Provides a basic GUI
Visual JSON editor built as an vue component. Provides a basic GUI
Please upload the newest version to npm - otherwise I will not be able to set the confirm / cancel messages!
thank you for your great plugin!
Hello guys!
Thx for your package.
Pls. bit extend your description of the use this package.
I mean this line '//import it in your project At your entry point'.
Pls, add here some words about setting it as a "GLOBAL" component for use. I spent many time to understand it )
Good luck and stay safe!
How to preview the raw json code as in the demo ?
RT
Hi
i am trying to use this json editor but the thing is unable to use it because the css is clashing with app's css.
Example screenshot http://prntscr.com/nyap5s
Hi, I'm havig a bit of trouble registering your component.
If I register it globally it will then overwrite some of my CSS styles, but if I register it locally it gives me this error:
e.component is not a function
I'll provide my code down below.
// other imports here...
import JsonEditor from "vue-json-edit"
export default {
components: {
JsonEditor,
},
};
Btw: the error is the same even when I register it with a name.
Thanks in advance for the help
Hi,
i'm using this in a open source IoT project as a part of the admin interface.
i would like to see a readonly flag (or disabled or something like that), which can be evaluated via vue conditionls. Delete, Add and the drag/drop should than be disabled or better, unvisible.
And i like to have another property, collapsed (or expanded), which will show the json collapsed (or expanded) on show.
And i like the #20 to be resolved, too.
Thanks for your effort...
Hi,
When you edit a number, there is an error in the console
$ yarn example
yarn run v1.3.2
$ rm -rf ./example/dist/*.js && rm -rf ./example/dist/*.html && webpack --progress --config webpack.example.js
Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
- configuration.context: The provided value "c:\\ga\\src\\amurmet\\vue-json-edit.g" is not an absolute path!
- configuration.output.path: The provided value "c:\\ga\\src\\amurmet\\vue-json-edit.g\\example\\dist" is not an absolute path!
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
Hey!
I use AT-UI for my app.
After installing your component it destroys my previous icon styles.
https://github.com/jinkin1995/vue-json-edit/blob/master/src/assets/styles/fontello.less#L25
Try to change your icon classes or add some prefix for it.
Thanks
A float value (1.3) is not accepted as number.
Hi, I'm getting the error in the title just by following the instructions of implementation on the README.
So basically I just installed it, used the exact tag naming, data names, etc. And the UI won't load (and the console has that error)
删除节点的时候没问题,但是新增以后会把整个页面刷新了,求解。
The parameter passed to numberInputChange() method is currently 'member', which is an invalid property. I think you should have used 'item'
通过异步获取的jsonData无法渲染到编辑模块
Unable to render to edit module via jsonData obtained asynchronously
how can I use it as CDN in the browser with <script> tag?
thank you
升级后如果没有传options属性直接报错,建议给options设置默认值,或者required:true,开发者更容易排查报错原因
I can't find a way to change the sequence of a specific entry within the JSON data model. Do you think it would be possible to make the sequence editable as well?
I'm trying to modify the less files to redesign the UI but it gets me the same look. Should I do another step after modifying the less files?
I am trying to use your component inside a v-for on a list of objects, so that I can pass each object as objData prop into your component. Since I am using v-for, I cannot use v-model to track the change.
So I wanted to capture the 'input' event emitted when parsedData changes.
For some reason, the input event handler I have defined is not getting invoked when I am not using v-model. It doesn't work even if I am not using v-for, but a plain object.
Writing the code like this DOESN'T trigger treatChange method
Writing the code like this DOES trigger treatChange method (But I cannot use this since I need to use your component inside v-for)
Could you please look into this?
当编辑引入的json顶层是数组形式时候,可视化编辑后,会改变数组,自动增加数组序号做为key。比如:初始json:["a":"1","b":"2"],编辑后会变成{"0":{"a":"1"},"1":{"b":"2"}},这种情况能不能帮忙解决掉,按原样处理。
谢谢作者的无私贡献!
Like the cancel and confirm buttons.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.