vantWeapp使用动作面板（van-action-sheet）时数组动态添加编辑数据
vantWeapp使⽤动作⾯板（van-action-sheet）时数组动态添加编辑数据
项⽬背景：在实现如下功能时，我们想要实现点击电话按钮实现弹出电话号码⾯板并点击。但是后台返回的电话号码数据并不是数组，因为我们要对data值进⾏动态添加。
数据格式
最终的结局谁杀了黄姝
对应代码
<van-action-sheet show="{{ show }}"actions="{{ actions }}"cancel-text="取消"cancel="onClose"close="onClose"select="onSelect"/>
data:{
show:false,
actions:[],
},
// 选择号码⾯板弹出
onEject:function(event){
const{
currentTarget:{
dataset:{ storephone },
},
}= event;
console.log(storephone);
let actions =[];
actions.push({ storephone });
this.setData({
show:true,
actions,
});
},
动态修改data值
为了防⽌以后忘记再以前的代码~~~，这赋值⽅式确实不太好记住(每天react、vue、⼩程序⽆缝切换，脑⼦属实有点⼉不好使了)，记下笔记。
data:{
mockdata:[
{
id:0,
shopname:"嗷嗷眼镜店",
timeline:"9:00-12:00",
distance:"800m",
location:[
{逆转裁判 崔斯特
id:102,
name:"北京市京东总部1号楼c座超级爆丸⼩⼦迪迦奥特曼15",
},
],
},
]
params:{
storeId:"",
guideName:"",
page:1,
},
},
test:function(event){
// 第⼀种
this.setData({
["params.page"]:this.data.params.page +1,
});
let index =0;
// 第⼆种
var key ="mockdata["+ index +"].id";
注销支付宝账户
安全施工协议this.setData({
[key]:10,
});
// 第三种
this.setData({
["mockdata["+ index +"].id"]:10,
});
},
在修改完以后⼜出现了电话号码不显⽰的问题，后来经过查询官⽹看到属性名只能为name
修改代码：
data:{
show:false,
actions:[],
},
// 选择号码⾯板弹出
onEject:function(event){
const{
currentTarget:{
dataset:{ storephone : name },
},
}= event;
console.log(name );
let actions =[];
actions.push({ name});
this.setData({
show:true,
保险公司工作总结
actions,
});
},
正常显⽰，⼤功告成，继续写别的bug了
合同罪
参考链接：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。