Vue使用v-bind绑定动态数据

有时需要绑定一个动态的数据,可以用v-bind来实现

单选按钮:

        

{{picked}}

  

{{value}}

 
 

在选中时,app.picked===app.value   值都是123

Vue使用v-bind绑定动态数据_第1张图片

 

复选框:

        

{{toggle}}

  

{{value1}}

  

{{value2}}

 
 

选中时,app.toggle===app.value1;未勾选时,app.toggle===app.value2

 

Vue使用v-bind绑定动态数据_第2张图片

下拉框:

     {{selected.number}}  
 

当选中时,app.selected是一个Object,所以app.selected.number===123。

Vue使用v-bind绑定动态数据_第3张图片

 

你可能感兴趣的:(Vue)