vuejs2 相关问题

我有这个 HTML 元素：我有这个 HTML 元素： <div class="list-group"> <a href="javascript:;" @click="showDetails(notification, $event)" class="list-group-item" v-for="notification in notifications" :key="notification.id"> <h4 class="list-group-item-heading" v-text="notification.title" /> <p class="list-group-item-text" v-text="notification.created_at|moment" /> </a> </div> 还有这个 JavaScript： return new Vue({ methods: { showDetails: function (notification, event) { this.notification = notification console.info(event.target) } } } 问题是 event.target 返回我单击的确切元素。这意味着它可以是 a 元素，或其子元素之一（h4 或 p）。如何获取 a 元素（带有 @click 处理程序的元素），即使用户单击其子元素之一？使用 event.currentTarget 指向您附加监听器的元素。它不会随着事件冒泡而改变 https://developer.mozilla.org/en-US/docs/Web/API/Event/currentTarget CSS 的替代解决方案： a * { pointer-events: none; } 元素永远不是指针事件的目标；然而，指针事件可以针对其后代元素，如果这些后代有指针事件设置为其他值。在这种情况下，指针事件将触发该父元素上的事件侦听器，如下所示适合在活动期间往返后代的途中捕获/气泡相。参考：https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events#Values

javascript vue.js vuejs2

回答 2 投票 0

v-select 过滤的个性化

我在Vue 2中使用v-select包我想自定义过滤 v-select 以返回以输入文本开头的行（默认搜索返回包含输入文本的每一行）。我知道...

vuejs2 v-select

回答 1 投票 0

将ckeditor应用到vue2项目

我现在需要帮助。我从 https://ckeditor.com/ckeditor-4/download/ 下载了 ckeditor4.zip。因此，我解压了 zip 文件并将其放置在我的 vue2 项目的根路径中。我想让它可用...

vuejs2 ckeditor4.x

回答 1 投票 0

如何使用 ngnix 在生产中提供 webpack 构建文件

我写了一个vue + webpack项目，在webpack-dev-middleware中运行得很好。现在我想用nginx来部署它。我所做的就是编写一个 webpack.build.config.js 并将所有文件捆绑到 dist 文件夹中...

node.js nginx webpack vuejs2

回答 1 投票 0

用另一个输入值更改输入名称

我的论文使用 Vue.js 2，我需要通过将该特定值写入另一个输入来设置每个输入值。我尝试了一些 v-model hack，但无法达到我想要的结果。这是...

vue.js vuejs2

回答 1 投票 0

如果浏览器不支持所需的区域设置，如何将缺少的区域设置添加到 Intl.DateTimeFormat (ES2020)？

不幸的是，某些浏览器不支持某些使用 Intl.DateTimeFormat 的区域设置。就我而言，Chrome 中的“kk”语言环境（https://source.chromium.org/chromium/chromium/src/+/master:third_party/icu/scripts/

vuejs2 polyfills ecmascript-2020

回答 2 投票 0

如何在商店中制作响应式对象

我正在使用 vue3 和 options api 如下面发布的代码所示，我正在创建一个由标签、dateAvailabilityFrom 和 dateAvailabilityTo 组成的商店，如反应对象状态所示。什么...

vue.js vuejs2 vuejs3 vue-component

回答 1 投票 0

Vuetify - 使用更改事件将所选项目分配给数据属性

我有一个 v-select，如下所示：我有一个看起来像这样的 v-select： <v-select v-model="editedItem.site_id" :items="sites" label="Sites" item-text="name" item-value="id" ></v-select> 网站项目如下所示： 0: city: (...) client: Object created_at: "2020-08-20T11:11:12.000000Z" created_by: "..." deleted_at: null id: 1 name: "Lemmer" updated_at: "2020-08-24T03:53:39.000000Z" updated_by: "..." client_id: (...) country: (...) country_id: (...) created_at: (...) created_by: (...) deleted_at: (...) id: (...) name: (...) office: (...) street: (...) updated_at: (...) updated_by: (...) zipcode: (...) 所以现在我想将 @change 事件放在 var 中的 sites.client.name 中。这里最好的方法是什么？我试过这个： <v-select v-model="editedItem.site_id" :items="sites" label="Sites" item-text="name" item-value="id" @change="clientname = sites.client.name" ></v-select> 但我收到此错误： [Vue warn]: Error in v-on handler: "TypeError: Cannot read property 'name' of undefined" 在您的情况下，您不能使用 site.name，因为如果您设置 item-value="id"，站点值将与 id 相同。我为你的问题做了一个简单的代码笔。请参考一下。 https://codepen.io/plsdev89/pen/OJNpmyG <label>Client name: {{clientname}}</label> <v-select :items="sites" label="Sites" item-text="name" item-value="id" @change="handleSiteChange" ></v-select> ... handleSiteChange(id) { let site = this.sites.filter(item => item.id === id); if(site.length > 0) { this.clientname = site[0].name; } }

javascript vue.js vuejs2 vue-component vuetify.js

回答 1 投票 0

Vue3：将所有 $attr 传递给子级但排除侦听器

由于 $attrs 和 $listeners 现在在 Vue3 中合并，如何将除监听器之外的所有 $attrs 传递给子进程？在Vue2中：但在 Vue3 中，这也会将侦听器泄漏到

vue.js vuejs2 vuejs3 migration vue-component

回答 1 投票 0

Vue antdev - 将参数传递给标题scopedSlots

我使用 AntDesign Vue 版本 1.7.8（此处）。我需要根据通过 API 获取的数据生成自定义列标题。这就是我想出的生成具有范围的标题的方法，问题是我......

vuejs2 ant-design-vue

回答 1 投票 0

vuejs 中图表的反应状态

我的 vue 代码上有一个图表，其中有 30 天、7 天、昨天的过滤器。如果我单击任何一个选项，我会得到时间戳的最小 Y 值，无论是 30 天、7 天还是昨天，...