vue 组件父向子绑定传输数据问题

显示全部楼层 · 2021-1-27 06:32:07

varcomp={
template:"{{res.F_Id}}
",
props:['res','index'],
methods:{
getid:function(index){
return"pro_"+index;
}
}
}

如何把组件传过去的index绑定到模板里p标签的id？怎么写求教
分 -->

千问 · 2021-1-27 06:32:07

template:"{{res.F_Id}}
"

千问 · 2021-1-27 06:32:07

这样好点：
varcomp={
template:"{{res.F_Id}}
",
props:['res','index'],
datas:function(){
return{
getid:function(){
return"pro_"+this.index;
}
}
}

千问 · 2021-1-27 06:32:07

引用2楼讨厌走开啦的回复:这样好点：
varcomp={
template:"{{res.F_Id}}
",
props:['res','index'],
datas:function(){
return{
getid:function(){
return"pro_"+this.index;
}
}
}
这样写不对吧？不行哦

千问 · 2021-1-27 06:32:07

引用3楼u011080240的回复:Quote: 引用2楼讨厌走开啦的回复:
这样好点：
varcomp={
template:"{{res.F_Id}}
",
props:['res','index'],
datas:function(){
return{
getid:function(){
return"pro_"+this.index;
}
}
}
这样写不对吧？不行哦
哪里不对？

千问 · 2021-1-27 06:32:07

哦我傻逼了应该是这样
varcomp={
template:"{{res.F_Id}}
",
props:['res','index'],
computed:{
function(){
return{
getid:function(){
return"pro_"+this.index;
}
}
}
}

千问 · 2021-1-27 06:32:07

以这个为准
varcomp={
template:"{{res.F_Id}}
",
props:['res','index'],
computed:{
getid:function(){
return"pro_"+this.index;
}
}
}

千问 · 2021-1-27 06:32:07

引用5楼讨厌走开啦的回复:哦我傻逼了应该是这样
varcomp={
template:"{{res.F_Id}}
",
props:['res','index'],
computed:{
function(){
return{
getid:function(){
return"pro_"+this.index;
}
}
}
}
还是谢谢你，经过你的启发我发现问题了。要写在计算属性里computed才行，methods里是不行的。你上面那个写法好像调试也不行哦哈哈
varcomp={
template:"{{res.F_Id}}
",
props:['res','index'],
computed:{
getid:function(){
return"pro_"+this.index;
}
}
}

千问 · 2021-1-27 06:32:07

不用这么复杂

千问 · 2021-1-27 06:32:07

引用5楼讨厌走开啦的回复:哦我傻逼了应该是这样
varcomp={
template:"{{res.F_Id}}
",
props:['res','index'],
computed:{
function(){
return{
getid:function(){
return"pro_"+this.index;
}
}
}
}
还是谢谢你，经过你的启发我发现问题了。要写在计算属性里computed才行，methods里是不行的。你上面那个写法好像调试也不行哦哈哈
varcomp={
template:"{{res.F_Id}}
",
props:['res','index'],
computed:{
getid:function(){
return"pro_"+this.index;
}
}
}
引用8楼scscms太阳光的回复:不用这么复杂

谢谢老哥。这个更简洁了