https://github.com/vueonrails/vue-form-for

A form component for the Vue on Rails (@vueonrails) project
https://github.com/vueonrails/vue-form-for

Last synced: about 1 month ago
JSON representation

A form component for the Vue on Rails (@vueonrails) project

• Host: GitHub
• URL: https://github.com/vueonrails/vue-form-for
• Owner: vueonrails
• License: mit
• Created: 2018-06-20T03:22:30.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-10T18:20:35.000Z (about 2 years ago)
• Last Synced: 2023-03-02T01:35:37.994Z (almost 2 years ago)
• Language: Vue
• Homepage: https://www.npmjs.com/package/vue-form-for
• Size: 1.89 MB
• Stars: 3
• Watchers: 3
• Forks: 1
• Open Issues: 19
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Vue-Form-For

`` is a form component. It is created with [Vue on Rails](https://vueonrails.com) products in mind.

## Install

Installing using Vue on Rails

```ruby

rails generate vue  --form

```

```javascript

yarn add vue-form-for

//or

npm install vue-form-for

```

## Usage

```javascript

import form from "vue-form-for";

Vue.use(form);

```

At `` of `.vue` or any HTML with Vue instance presence.

```javascript

  

    

    

  

```

`form-for` will be in edit mode in two situations: when Rails route is in edit route `/something/(:id)/edit` or when the edit attribute is true.

```javascript

  

    

    

  

```

## Nested Form

`form-for` supports nested form via `fields-for`

```

  

  

    

  

  

```

## Development

Please run the following `yarn add` command to add your development package into your Rails product.

```

yarn add file:/Desktop/vue-form-for

```

`file:/Desktop/vue-form-for` should be the path to this repo directory

## LICENSE

MIT 

## Contact

[email protected] or [@ytbryan](http://twitter.com/ytbryan)

## Special Thanks

Special thanks to Andy for writing https://medium.com/@mindovermiles262/triple-nested-forms-in-rails-dedbcccb5799