重新绑定vue.js组件

时间:2015-05-26 10:10:40

标签: vue.js

我有一个成功绑定到javascript对象的自定义Vue组件,但现在想要将组件重新绑定到另一个对象。这可能吗?

标记:

<div id="wrapper">
  <p v-component="user-profile" v-with="user"></p>
</div>

使用以下组件/ vue:

Vue.component('user-profile', {
  template: '{{name}}<br>{{email}}'
})

var parent = new Vue({
  el: '#wrapper',
  data: {
    user: {
      name: 'Foo Bar',
      email: 'foo@bar.com'
    }
  }
})

我想用以下数据重新绑定组件:

user: {
  name: 'Baz',
  email: 'baz@vue.com'
}

1 个答案:

答案 0 :(得分:0)

这样做:

def generate_asset_number
  company = "AMS"
  if Asset.count == 0
    self.asset_number = "#{company}-00001"
  else
    last = Asset.last.asset_number
    number = last.split('-')[1].to_i
    number += 1
    self.asset_number = company + '-' + "%05d" % number
  end
end