vue2.0 绑定html,vue2.0数据双向绑定与表单bootstrap+vue组件

最近一直在用vue，觉得确实是好用。

一，拿数据的双向绑定来说吧

demo1

{{ name }}

现在我的需求是要得到我表单里边的所有value ，我们也许可以

let service = $('.vendor').val(); let vendor = document.getElementsByClassName('vendor')[0].value;

但是这样就完全没有get到vue双向绑定的好处了，那么我们该怎么做呢？

import service from './components/service.vue'; import $ from 'jquery'; export default { data () { return { resultData: '', vendor: '', dType: '', services: [service], items: [service], device: '', dDesc: '' } }, watch: { services () { console.log(this.services); }, items (val) { this.items = val; console.log(this.items); } }, components: { service }, methods: { addService (component) { this.items.push(component); }, childServicesChange (val) { this.services = val; }, commit () { console.log('commit'); let device = { "type": 'urn:' + this.vendor + ':device:' + this.dType + ':0000', "description": this.dDesc, "services": this.items };

看到没，我就是直接用的this.vendor， vendor是在data中定义好的，也进行了双向绑定v-model

Device Description

vendor:

Type:

description:

service List commit save

以上所述是小编给大家介绍的vue2.0数据双向绑定与表单bootstrap+vue组件，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对PHP中文网的支持！

更多vue2.0数据双向绑定与表单bootstrap+vue组件相关文章请关注PHP中文网！