Javascript 如何在vue js中触发元素?
它可以工作,但我需要在函数触发之前单击按钮两次。Javascript 如何在vue js中触发元素?,javascript,vue.js,Javascript,Vue.js,它可以工作,但我需要在函数触发之前单击按钮两次。 当我点击它触发函数时,我怎么做 导出默认值{ 方法:{ 删除(){ $('.remove me button')。单击(函数(){ 移除(本); }); 功能removeItem(removeButton){ var productRow=$(removeButton).parent().parent(); productRow.slideUp(fadeTime,function(){ productRow.remove(); 重新计算car
当我点击它触发函数时,我怎么做
导出默认值{
方法:{
删除(){
$('.remove me button')。单击(函数(){
移除(本);
});
功能removeItem(removeButton){
var productRow=$(removeButton).parent().parent();
productRow.slideUp(fadeTime,function(){
productRow.remove();
重新计算cart();
});
}
}
}
去除
您不需要jquery,在没有jquery的情况下,通过在按钮上添加@click来触发删除功能
更多信息:中已经有一个很好的删除项目示例 这不需要jquery。这段代码是上面链接中的简化版本 在HTML中:
<ul>
<li v-for="(todo, index) in todos" :key="index" >
<button @click="todos.splice(index, 1)">Remove {{ todo }}</button>
</li>
</ul>
您可以编写jquery来操作DOM。在Vue中,数据将为您呈现DOM
示例:将jQuery与Vue混合通常不是一个好主意。您使用的是
$
选择器而不是refs
,使用jQuery转换而不是Vue转换,但最好是学习Vue执行这些操作的方法。我如何在Vue中实现它?是的。因为您在remove()中使用了jQuery事件函数。它必须看起来像remove(){removietem(IDofYourButton)}。-正如Dan所建议的:阅读Vue(我添加了到文档的链接)并开始以Vue的方式进行操作。如何在Vue js中实现它?
data: {
todos: ["one", "two", "three"]
}