vue-component相关内容

Vue.js - 从 ajax 调用加载组件

我正在尝试从 api 数据呈现或加载组件.为了解释更多,假设我已经将测试组件直接注入到我的父组件中,它可以工作.但是,当我尝试将组件标记保存在数据库中并运行 ajax 调用时,我的组件标记显示但不起作用,或者更确切地说是加载/渲染.请帮忙. 从我的 api 返回: {"_id": "59411b05015ec22b5bcf814b","createdAt": "2017-06-14T11: ..
发布时间:2021-11-15 03:36:01 其他开发

Vue 和 API:显示图像

我目前使用 Vue JS,数据来自 API.要从 API 调用数据,我使用此方法 {{services.service_picture}}. 但问题是我无法使用下面的这种方法显示图像.您能否发送一些有关如何使用 Vue JS 显示它的想法 ..
发布时间:2021-11-15 02:35:50 其他开发

Vue.js 只显示具有唯一属性的对象

我正在建立一个排行榜.我有一个领导者的集合.有多个来自同一团队的参赛作品.我只想显示每个团队的一个条目(最好是最近的).我正在为数据库使用 Firestore. 我的 html 看起来像这样.(为了简单起见,我缩短了代码) {{tracker.team.team_name}} 如果我将这个 {{ tracker }} 添加到 HTML,这就是一个跟踪器分离出来的内 ..
发布时间:2021-09-20 20:25:27 其他开发

如何使用单独的模板文件构建一个简单的 Vue.js 应用程序?

我是 Vue.js 的新手,我对文件结构以及如何构建一个简单的应用程序感到困惑. 我已经使用以下命令在我的 mac 上安装了 Vue CLI: npm install -g @vue/cli 然后我创建了一个计数器项目并使用了默认选项: vue 创建计数器 然后我启动了应用程序: cd 计数器 npm 运行服务 默认应用程序代码对我来说似乎很混乱,所 ..
发布时间:2021-09-20 20:24:03 其他开发

vue composition api 如何解决命名冲突?

据说composition api解决了mixin带来的命名冲突. 这是我在网上找到的关于组合 API 的内容. 出口默认{设置 () {const { someVar1, someMethod1 } = useCompFunction1();const { someVar2, someMethod2 } = useCompFunction2();返回 {someVar1,一些方法1,so ..
发布时间:2021-09-20 20:23:48 其他开发

使用 Vue.js + Vuetify 有条件地绑定类?

我正在尝试根据当前屏幕的尺寸有条件地将“xs10"类应用于包含我的菜单的 v-flex.到目前为止,我已经得到了这样的东西: ..数据() {返回 {menuSmall: this.$vuetify.breakpoint.mdAndUp}} 但它不起作用.我是 Vue.js + Vuetify 的新手,但我猜这是因为 menuSmall 没有在每次屏幕调整大小时重新计算和重新呈现.我是否需要将 ..
发布时间:2021-09-20 20:23:20 其他开发

自定义 Vue Material md-Input 如何获取 isDirty 或 isTouched

我想创建自己的 CustomMdInput,并进行基本验证.我想实现一个以这种方式工作的输入: 我使用,并且重要的是,当需要此输入时,当有人点击在它或 typesomething 上(变成 'touched' 或 'dirty' 属性),然后将此输入散焦并转到另一个输入,前一个输入在所有验证中保持无效,所以我有这样的东西: ..
发布时间:2021-09-20 20:17:33 其他开发

[Vue 警告]:找不到元素 — 呈现空容器

我正在尝试学习 Vue 2 框架,但遇到了这个错误.我有以下脚本负责我的应用程序的功能: main.js 从'vue'导入Vue从 'vue-router' 导入 VueRouter从 'vue-resource' 导入 VueResource从'./App.vue'导入应用程序从'./components/Posts.vue'导入帖子从“./routes/routes"导入路由Vue.c ..
发布时间:2021-09-20 20:17:30 其他开发

Vuejs 2 - 从 JSON 传递数据

我是 Vuejs 的新手,所以我确定是我的代码.我有这个简单的 app.vue 文件,我想从 JSON 获取数据,然后根据数据设置我的菜单.我做了一个简单的测试: 出口默认{名称:'应用',数据:功能(){返回{菜单:[]}},方法:{GetMenu:function(s){$.get({url: '静态/json/menu.json',成功:功能(资源){s = res.menu;consol ..
发布时间:2021-09-20 20:17:27 其他开发

Vue.js 显示最近的唯一条目

我遇到了一些障碍.@StephenThomas 慷慨地帮助我解决了这个问题:Vue.js 仅显示具有唯一属性的对象 但我需要稍微调整一下. 我正在为游戏创建排行榜.我正在使用 Firestore,我有一个名为“排行榜"的集合,可以保存所有团队的分数.团队有一个开始时间.接下来,每次为该团队创建条目时,从开始到现在的时间差都会放入名为“diff"的属性中.此外,所有条目都带有时间戳. 每 ..
发布时间:2021-09-20 20:17:23 其他开发

如何在 Vue 中显示/隐藏对象的一部分

我正在为产品创建功能页面.当您点击功能名称时,它应该会展开下面的框并提供说明. 我取了一小段数据,其结构基本如下: {“部分": {“第1页":{"FeatureName": "功能描述","FeatureName": "功能描述"},“第2页": {"FeatureName": "功能描述","FeatureName": "功能描述"}}} 我想出了一些方法来做到这一点,但我个人认为它 ..
发布时间:2021-09-20 20:17:19 其他开发

在 NUXT 项目中使用 Google Analytics 脚本

我有一个使用 Nuxt 的网站,我想将 Google Analytics 脚本放在上面. 我已经下载了 vue-gtag 模块 yarn 添加 vue-gtag 我在 plugins/gtag.js 中创建了一个包含代码的文件 从'vue'导入Vue;从 'vue-gtag' 导入 VueGtag;如果(process.env.NODE_ENV ===“生产"){Vue.use (Vu ..
发布时间:2021-09-20 20:17:16 其他开发

vue 按钮相关事件未触发

在: https://codesandbox.io/s/upbeat-hodgkin-qjt61?file=/src/components/EditCategory.vue 长按某个类别时,模态会按预期显示: 但是点击OK不会触发close事件: {{ t ..
发布时间:2021-09-20 20:17:13 其他开发

计算属性中的 document.getElementById

我有一个带有 v-if 的组件,它在某个时间点为真/可见. 在计算属性中,我想获取此组件的高度,但不知何故 getElementById 在计算属性中不起作用,即使它作为一种方法工作. calculateProp: function() {let element = document.getElementById("prop-id")让样式 = window.getComputedSty ..
发布时间:2021-09-20 20:17:11 其他开发

您将如何使用组合 API 编写此代码?

计算:{用户名() {//(4) 显示认证用户名const user = this.$gapi.getUserData()返回 user.accessToken},}, 这是我尝试转换为 Vue3 组合 API 的代码.基本上我知道我需要导入计算等等,但我似乎无法解决的部分是如何在设置函数中编写 this.$gapi.getUserData() . gapi 是我使用的导入包.. ..
发布时间:2021-09-20 20:17:05 其他开发

Laravel Passport 没有 Vue 组件文件

我最近在我的 Laravel 8 项目中安装了 Passport 并采取了必要的步骤,但是当我想要做一个前端快速入门时: php artisan vendor:publish --tag=passport-components 它显示一条错误消息,内容如下. 无法找到可发布的资源 请帮忙?我已经在网上搜索答案,但没有找到答案. 解决方案 我不认为 Laravel Passp ..
发布时间:2021-09-20 20:16:57 其他开发

如何清除v-data-table,Vuetify中的选定行

我有一个 Vue 应用程序,我在其中使用 v-data-table 和 show-select 选项.我只想使用“取消"按钮清除选定的数据按钮.我已经可以通过点击清除表格中的所有数据. 图中示例:我只想清除选定的行(冰淇淋三明治) 这是我的代码: 表格: “取消"按钮 取消 脚本 cancel() {this.desserts = [];}, 解决 ..
发布时间:2021-09-20 20:16:54 其他开发