vue 关于@click="变量"的问题
vuejs吧
全部回复
仅看楼主
level 1
天喔44 楼主
最近在做一个后台管理系统的权限模块,根据后端接口提供的数据动态渲染页面的按钮,代码如下:
html部分:
<td class="memberBt" v-for="(v,i) in list">
<button @click="v.url">{{v.title}}</button>
</td>
js部分:
data(){
return {
list:[
{ title:"同意", url:"pass(v)"} ,
{ title:"同意", url:"nopass(v)" }
],
}
},
methods:{
pass(v){
alert(111)
},
nopass(v){
alert(222)
}
}
但是这样@click=""的引号里面解析出来的是字符串,报错:不是一个函数,有大神指点怎么解决吗???
2018年08月03日 15点08分 1
level 1
同求问
2019年08月31日 19点08分 2
level 1
楼主问题解决了吗?我也遇到这个问题了,各种尝试,@click="方法"还是被当成html属性给输出了
2019年09月06日 05点09分 3
level 3
事件名称不要带.
2019年09月08日 20点09分 5
level 1
html 部分:
<td class="memberBt" v-for="(v,i) in list">
<button @click="common_event(v.url, v.title)">{{v.title}}</button>
</td>
js 部分:
data(){
return {
list:[
{ title:"同意", url:"pass"} ,
{ title:"同意", url:"nopass" }
],
}
},
methods:{
common_event(event_name, title){
this[event_name](title)
},
pass(v){
alert(111)
},
nopass(v){
alert(222)
}
}
2019年09月20日 05点09分 6
methods 中写个通用事件,每个按钮都调用这个通用事件 common_event,在这个通用事件 common_event 中再去调用对应的事件
2019年09月20日 05点09分
level 9
click后面要跟一个函数的呀,你给一个url是什么意思呢?
2019年09月21日 07点09分 7
level 2
写个方法做中转,
2019年10月09日 06点10分 9
1