如果在标签中直接使用id = "option.id" 这样的形式是没用的
需要:id="option.id" 
在前面添加冒号
Img等标签 同理

Switch如何绑定任天堂网络ID?相信很多小伙伴都不清楚吧，下面就让我们到文章中一探究竟。
Switch如何绑定任天堂网络ID?
考虑到有部分玩家不了解「任天堂账户」和「任天堂网络ID」之间的区别，所以这里有必要解释一番。「任天堂账户」(Nintendo Account)是任天堂随着Switch主机发售而新创立的账号系统，也就是现在我们常用的账号(使用者)，而「任天堂网络ID」(Nintendo Network ID)则是任天堂早期的账号系统，用于3DS、Wii U等过去的主机/掌机，在Switch出现后才推行了现在的「任天堂账户」。
那么如何将过去的「任天堂网络ID」绑定到现在的「任天堂账户」，把「任天堂网络ID」和「任天堂账户」的剩余资金合并到一起呢?下面我们来看具体的操作步骤。
(1)打开浏览器访问：accounts.nintendo.com
(2)登陆你的「任天堂账户」
(3)从左侧菜单中选择「编辑使用者咨询」
(4)向下滑动找到「与其他账号联动」并变更
(5)勾选「任天堂网络ID」，弹出提示
(6)输入你的「任天堂网络ID」的用户名和密码
弹出绑定成功的提示后，两个账号的剩余金额将会合并。需要注意的是，一旦你解除了「任天堂账户」和「任天堂网络ID」之间的绑定，那么所有的余额都将转移至「任天堂账户」。

假设我将SAP C4C销售订单的OData创建服务暴露给微信小程序使用，然后我想把使用微信小程序的用户的openid和创建好的销售订单绑定，最简单的方式：



在SAP C4C创建销售订单时如何绑定创建者的微信open id

使用HTTP post，将微信用户的openid传到OData请求的BuyerID字段去：



在SAP C4C创建销售订单时如何绑定创建者的微信open id

执行POST请求即可成功创建：



在SAP C4C创建销售订单时如何绑定创建者的微信open id

如果想通过API获得例如创建者的open ID为1042416的所有销售订单，用这个API：



关键字：SAP, SAP Cloud for Customer，微信小程序，微信集成
要获取更多Jerry的原创文章，请关注公众号"汪子熙":

vue的核心特性之一是双向的数据绑定,关于如何进行数据的绑定,下面我们结合具体的例子来作讲解
2.3.1. 数据绑定的语法
2.3.1.1. 文本插值
直接填坑,进行数据的绑定v-once:只绑定一次,首次赋值后更改vm实例的属性值不会引起dom元素绑定的值的变化
{{message}}
{{message}}
var dataModel = {
message: 'hello world!'
}
var vm= new Vue({
el:'#app',
data:dataModel
})
2.3.1.2. html属性的绑定
v-bind: 为html标签绑定属性值
{{message}}
2.3.1.3. 绑定表达式
一段绑定表达式可以由一个简单的js表达式和可选的一个或多个过滤器组成
{{ message + "----" + name }}
{{ bool ? 1 : 0 }}
{{ num * 2 }}
//创建Vue对象
var app =new Vue ({
el:'#app',//将Vue对象绑定到指定的选择器
data:{
message: 'hello world ',
name:'高辉',
bool: true,
num:10
}
})
2.3.2. 表单控件
vue中使用v-model指令对表单元素进行双向的数据绑定
2.3.2.1. text
绑定的值就是value值
{{message}}
var dataModel = {
message: 'hello world!'
}
var vm= new Vue({
el:'#app',
data:dataModel
})
2.3.2.2. textarea
绑定的值也是value值
multiline message is
{{message}}
var dataModel = {
message: 'hello world!'
}
var vm= new Vue({
el:'#app',
data:dataModel
})
2.3.2.3. radio
绑定的值就是选中单选框的value值
男
女
{{gender}}
var dataModel = {
message: 'hello world!',
gender:"male"
}
var vm= new Vue({
el:'#app',
data:dataModel
})
2.3.2.4. checkbox - 1
单选:　绑定的值是bool值,决定是否选中
多选: 绑定的值是一个数组类型,value值为数组里面的元素
{{ message1 }}
{{message2}}
Jack
rose
mack
july
{{checked}}
var dataModel = {
message1: '单选',
message2: '多选',
checked1: false,
checked2:[1,2]
}
var vm = new Vue({
el: '#app',
data: dataModel
})
2.3.2.5. checkedbox - 2
{{ picked }}
{{ toggle }}
ABC
var dataModel = {
picked: '',
toggle: true,
selected: 'abc',
a: '1',
b: '2'
}
var em = new Vue({
el: '#app',
data: dataModel
})
2.3.2.6. select
单选: 根据option的value值设置选中
多选: 根据value值的数组设置选中
单选
A
B
C
单选选中项是: {{selected}}
多选
A
B
C
多选选中项是:　{{selecteds}}
动态的select--循环渲染-设置单选
{{option.text}}
多选选中项是:　{{selecteds}}
var dataModel = {
message1: '单选',
message2: '多选',
selected: 'B',
selecteds: ['A', 'B'],
options: [{
text: 'One',
value: 'A'
}, {
text: 'Two',
value: 'B'
}, {
text: 'Three',
value: 'C'
}]
}
var vm = new Vue({
el: '#app',
data: dataModel
})
2.3.2.7. 绑定value
对于单选按钮，勾选框及选择列表选项， v-model 绑定的 value 通常是静态字符串(对于勾选框是逻辑值)
复选框
选择列表
ABC
123
var dataModel = {
picked: 'a',
toggle: true,
selected: 'abc',
a: true,
b: false,
selected1: {
number: 123
}
}
var vm = new Vue({
el: '#app',
data: dataModel
})
// 选中
console.log(vm.toggle === vm.a) //true
// 取消选中
console.log(vm.toggle === vm.b) //false
// 选择列表的设置
console.log(vm.selected1)
console.log(vm.selected1.number)
2.3.2.8. 修饰符
2.3.2.8.1. .lazy
在默认情况下， v-model 在 input 事件中同步输入框的值与数据 (除了 上述 IME 部分)但你可以添加一个修饰符 lazy ，从而转变为在 change 事件中同步：
            
{{message}}
        
    
2.3.2.8.2. .number
如果想自动将用户的输入值转为 Number 类型如果原值的转换结果为 NaN 则返回原值
{{message}}
var dataModel = {
message: 'hello world!'
}
var vm= new Vue({
el:'#app',
data:dataModel
})
2.3.2.8.3. .trim
过滤用户输入的首尾空格
{{message}}
var dataModel = {
message: ''
}
var vm= new Vue({
el:'#app',
data:dataModel
})