Vue.js 将动画添加到v文本字段中的附加图标

注册新帐户时，我会在屏幕上显示登录名和密码详细信息。用户可以将登录和密码详细信息复制到剪贴板，我希望在单击附加图标（放大、增加字体或替换为其他图标）时运行动画。正确的方法是什么

成功
mdi校验圈
方法：{
副本（字段）{
常量输入=此。$refs[字段]。$refs.input
输入。选择（）
document.execCommand（'copy'）
输入设置选择范围（0,0）
//应用附加图标动画
}
}

对此有多种答案，但要回答其中一个问题：“替换图标”就相当直截了当了

您必须将append icon prop更改为动态

：

，然后为其分配一个变量，如

copycon

。然后，您将根据副本的状态更新此变量

newvue({
el:“#应用程序”，
vuetify:新的vuetify（），
数据：{
复制图标：“mdi内容复制”，
新帐户：{
登录名：“GhostDestroyer69”，
密码：“”，
},
},
方法：{
副本（字段）{
常量输入=此。$refs[字段]。$refs.input
输入。选择（）
document.execCommand（'copy'）
input.setSelectionRange（0,0）
//设置要检查的图标
this.copycon='mdi check'
//重置图标以在1秒后复制
设置超时（（）=>{
this.copycon='mdi内容副本'
}, 1000)
}
}
})

---

对此有多种答案，但要回答其中一个问题：“替换图标”就相当直截了当了

您必须将append icon prop更改为动态

：

，然后为其分配一个变量，如

copycon

。然后，您将根据副本的状态更新此变量

newvue({
el:“#应用程序”，
vuetify:新的vuetify（），
数据：{
复制图标：“mdi内容复制”，
新帐户：{
登录名：“GhostDestroyer69”，
密码：“”，
},
},
方法：{
副本（字段）{
常量输入=此。$refs[字段]。$refs.input
输入。选择（）
document.execCommand（'copy'）
input.setSelectionRange（0,0）
//设置要检查的图标
this.copycon='mdi check'
//重置图标以在1秒后复制
设置超时（（）=>{
this.copycon='mdi内容副本'
}, 1000)
}
}
})

---

mdi有动画助手，如 append icon=“mdi内容复制mdi旋转”

---

例如。

mdi有动画助手，如 append icon=“mdi内容复制mdi旋转”

---

例如。

你想要什么动画？它可以是任何东西：1）放大或增大字体大小，2）或只是替换为另一个图标，例如“mdi-check”你想要什么动画？它可以是任何东西：1）放大或增大字体大小，2）或只是替换为另一个图标，例如“mdi-check”