vue.js - Vuejs 2 v-on :click. 防止()

标签 vue.js vuejs2

我想知道人们更多地使用这些选项。

1) 在普通(div、span 等)元素上使用 v-on

<div v-on:click="myFunction" class="cursor-pointer">Click me<div>

这里需要有一个类来设置指针光标表示可以点击,也可以增加UX。

1) 在链接元素上使用 v-on 点我 在这里,不需要有任何类来设置指针光标。但是,它需要阻止模式来停止链接操作。

那么,这两种方法的最佳实践、优缺点是什么?

最佳答案

最终,这并不重要。不过一般来说,你应该在 Vue.js 中编写你的 HTML dom,就像在没有 Vue.js 的情况下编写它一样。如果某些东西应该是一个链接,因为它会导致您应用程序中的另一个 View ,那么 <a>说得通。如果它只是一个静态 HTML 页面,您通常不会使用 anchor 链接,那么您最好使用 div 来编写它。 , span ,或者在这种情况下您的开发人员的直觉决定。

始终尝试编写您的代码,就好像其他人将要查看它一样,在这种情况下,他们会对 <a> 有什么期望应该做的。

关于vue.js - Vuejs 2 v-on :click. 防止(),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40476387/

相关文章:

vue.js - 组件未在 quasar 项目中渲染,没有错误

javascript - 如何从vue js中的数组中删除选定的数据?

javascript - 类导入到Vue组件中

Vue.js - 使用 Vuelidate url 域应与电子邮件域匹配

javascript - 使用 VueJS 动态编译和挂载元素

javascript - 在 Vue 中为每个 <slot> 分配一个父元素

javascript - 如何在 Vue.js 中使用 v-for 循环嵌套导航?

javascript - 为 vue-multiselect 编写单元测试

vue.js - Vuejs - 无法安装组件: template or render function not defined

javascript - 发布新的 Vue 应用程序版本时清除 chrome 中的缓存