Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/454.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在vue js中触发元素?_Javascript_Vue.js - Fatal编程技术网

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"]
 }