18赞

Vue.js - 更改v-for中单个表行的类

作者：和谐啄木鸟 | 2023-09-07 13:19

如何解决《Vue.js-更改v-for中单个表行的类》经验，为你挑选了1个好方法。

我正在显示使用v-for动态生成的客户表.每行都有一个按钮,用于将客户ID添加到将发送到API的对象中.问题是,我想将Bootstrap .success类添加到单击的行,因此用户知道客户已被选中,但我只能实现表中的所有行都获得.success类.此外,我希望当用户点击另一个客户时,所选客户将失去.success类.这是我的代码:

export default {
data(){
  return {
    customers: [],
    selectedCustomer: ''
  }
},
methods: {
  selectCustomer(id, clicked){
    this.selectedCustomer = id;
    console.log(this.selectedCustomer);
  }
}

谢谢!

1> Eric MORAND..：

success根据selectedCustomer值将类绑定到行应该可以帮助您实现所需的内容.这样的事情,未经测试:

	{{ customer.first_name }}	{{ customer.last_name }}	{{ customer.oib }}	{{ customer.phone }}	{{ customer.email }}	{{ customer.street }} {{ customer.city }}, {{ customer.country }}

推荐阅读

程序员
字符/数字的乘法可以更高效吗？

如何解决《字符/数字的乘法可以更高效吗？》经验，为你挑选了1个好方法。 ... [详细]
程序员
Jetty Websockets-应该如何使用sendPing和sendPong？

如何解决《JettyWebsockets-应该如何使用sendPing和sendPong？》经验，为你挑选了0个好方法。 ... [详细]
程序员
Graphicsmagick C++ API

如何解决《GraphicsmagickC++API》经验，为你挑选了1个好方法。 ... [详细]
程序员
用Angular设置Express

如何解决《用Angular设置Express》经验，为你挑选了1个好方法。 ... [详细]
程序员
(Jade或Slim)类似于React的语法？

如何解决《(Jade或Slim)类似于React的语法？》经验，为你挑选了1个好方法。 ... [详细]
程序员
在Selenium Opera Webdriver中启用Opera Turbo

如何解决《在SeleniumOperaWebdriver中启用OperaTurbo》经验，为你挑选了0个好方法。 ... [详细]
程序员
有没有办法让Delphi VCL表格大小而不改变BorderStyle？

如何解决《有没有办法让DelphiVCL表格大小而不改变BorderStyle？》经验，为你挑选了2个好方法。 ... [详细]
程序员
RxJava：观察套接字发出的消息

如何解决《RxJava：观察套接字发出的消息》经验，为你挑选了1个好方法。 ... [详细]
程序员
SBT目录结构.什么是"项目"？

如何解决《SBT目录结构.什么是"项目"？》经验，为你挑选了1个好方法。 ... [详细]
程序员
谷歌地图有角度

如何解决《谷歌地图有角度》经验，为你挑选了1个好方法。 ... [详细]
程序员
了解R中的P值-轻松

如何解决《了解R中的P值-轻松》经验，为你挑选了1个好方法。 ... [详细]
程序员
Dagger不喜欢抛出异常的构造函数

如何解决《Dagger不喜欢抛出异常的构造函数》经验，为你挑选了1个好方法。 ... [详细]
程序员
如何在R包中定义"隐藏的全局变量"？

如何解决《如何在R包中定义"隐藏的全局变量"？》经验，为你挑选了2个好方法。 ... [详细]
程序员
无法获得app.local到路由文件

如何解决《无法获得app.local到路由文件》经验，为你挑选了0个好方法。 ... [详细]
程序员
解释SML函数及其类型

如何解决《解释SML函数及其类型》经验，为你挑选了1个好方法。 ... [详细]
程序员
IntelliJ IDEA TypeScript/Webpack调试仅适用于JavaScript断点

如何解决《IntelliJIDEATypeScript/Webpack调试仅适用于JavaScript断点》经验，为你挑选了0个好方法。 ... [详细]
程序员
将元素添加到列表的代码变体之间的差异

如何解决《将元素添加到列表的代码变体之间的差异》经验，为你挑选了1个好方法。 ... [详细]
程序员
结合Theano中的标量和矢量来计算Hessian

如何解决《结合Theano中的标量和矢量来计算Hessian》经验，为你挑选了0个好方法。 ... [详细]
程序员
用渐变替换饼图颜色

如何解决《用渐变替换饼图颜色》经验，为你挑选了1个好方法。 ... [详细]
程序员
问号'？' 在锚链接

如何解决《问号'？'在锚链接》经验，为你挑选了1个好方法。 ... [详细]

和谐啄木鸟

这个屌丝很懒，什么也没留下！

关注作者

Tags | 热门标签

RankList | 热门文章

DevBox开发工具箱 | 专业的在线开发工具网站

	{{ customer.first_name }}	{{ customer.last_name }}	{{ customer.oib }}	{{ customer.phone }}	{{ customer.email }}	{{ customer.street }} {{ customer.city }}, {{ customer.country }}