Giter Club home page Giter Club logo

vue-json-edit's People

Contributors

anzemur avatar dependabot[bot] avatar infjer avatar jinkin1995 avatar richuvjohn avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

vue-json-edit's Issues

@input handler is not getting invoked if not used in conjunction with v-model

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.

image
Writing the code like this DOESN'T trigger treatChange method

image
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?

Error when editing a number

Hi,

When you edit a number, there is an error in the console

  • "Property or method "member" is not defined on the instance"
  • "Error in v-on handler: "TypeError: Cannot read property 'remark' of undefined""
  • "Cannot read property 'remark' of undefined"

the indentation is wrong

Hi,
I'm a backend engineer, I love this tool, but I found the indentation showing below is not ok, using the example code in README, could you help me to figure it out?
indentation

Change the sequence of entries

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?

a css bug

image
.pure-form select
This module displays an exception due to the padding attribute

"TypeError: e.component is not a function" error

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)

Code preview

How to preview the raw json code as in the demo ?

"e.component is not a function"

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

Please provide v1.3.0 via npm

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!

你好,喜欢这个json编辑组件,但有个问题。。。。

  当编辑引入的json顶层是数组形式时候,可视化编辑后,会改变数组,自动增加数组序号做为key。比如:初始json:["a":"1","b":"2"],编辑后会变成{"0":{"a":"1"},"1":{"b":"2"}},这种情况能不能帮忙解决掉,按原样处理。

谢谢作者的无私贡献!

How to modify the CSS files?

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?

question: how should open preview mode?

Now I use readme, can see the following info in browser:

image

I want to preview json, and close "add" button and "remove" button, how should I do? thanks a lot!

Change description of use (1 min fix)

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!

CDN browser

how can I use it as CDN in the browser with <script> tag?

thank you

yarn example - failde!

$ 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.

feature requests: readonly and collapsed

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...

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.