vue-component相关内容

可选地在 Vue 中导入组件

我有几种菜单类型,想配置要在 .env.local 中使用的菜单类型,例如:VUE_APP_MENU_TYPE=2 在我的 javascript 文件中,我有以下内容: 让菜单=假;if (process.env.VUE_APP_MENU_TYPE === "2") {menu = require("./type2/Type2.vue");}if (menu === false) {//如 ..
发布时间:2022-01-25 17:58:10 前端开发

如何在 Vue 开关更改时触发事件

我有一个带有 vue-switch 元素的 Vue 组件.加载组件时,必须根据数据将开关设置为 ON 或 OFF.这目前正在“mounted()"方法中发生.然后,当切换开关时,它需要进行 API 调用,告诉数据库新的状态.这目前正在“监视"方法中发生. 问题在于,因为我正在“监视"开关,所以 API 调用会在装载时设置数据时运行.因此,如果它设置为 ON 并且您导航到组件,mounted( ..
发布时间:2022-01-25 17:57:47 前端开发

外部更改数据时vue组件不更新

我的组件在 Store.loaded 更改时不会更新加载的属性: 组件 从 'vue-property-decorator' 导入 { Vue }从“nuxt-class-component"导入组件从 '../repositories' 导入 { Store }@零件导出默认类布局扩展 Vue {已加载 = Store.loaded} 商店 类根{加载=假}导出让 Store = n ..
发布时间:2022-01-25 17:56:57 前端开发

VueJS 中的作用域插槽到底是什么?

我试图弄清楚作用域插槽的定义,但是在 VueJS 文档 他们本身并没有给出定义,而是尝试通过示例来解释它.所以我的问题是作用域插槽到底是什么?那只是普通的插槽,它具有从组件传递给它的插槽道具吗? 此外,还有“作用域插槽".与“命名槽"互斥.换句话说,我们能不能有一个既是命名又是作用域的插槽,例如.“命名的作用域槽"? 此外,我还有一个相关的问题.在编写代码时,当我们说“插槽"时,我们究 ..
发布时间:2022-01-25 17:56:30 前端开发

Vue.js:使用函数导入类并在子组件中调用它

我有一个组件 my-parent.在这个组件中,我使用一个子组件 my-child 并导入一个外部类 MyClass 和一个自己的函数 exportedFunction.我尝试使用此解决方案:VueJS 在 vue 组件中访问外部导入的方法 基本上,我使用 mounted 和导入类中的函数名称.在 methods 中,我定义了一个新方法,它从导入的类中调用挂载的方法.比我将创建的方法作为属性 ..
发布时间:2022-01-25 17:55:17 前端开发

使用 vuejs 和 nodejs 从 mongodb 数据库中读取数据

我正在创建一个 Web 应用程序来实时显示我房间的温度.目前我用 raspberry 读取值,然后加载数据库 Mongodb.现在要在我的浏览器上实时显示它,我该怎么做?我将 Node.js 和 vue.js 与 express 一起使用.如何将值实时传递给 Vue.js? var App = Vue.component('App',{模板:“ {{title}} ",数据 ..
发布时间:2022-01-25 17:55:07 前端开发

如何使用 VueJS 将来自 API 的数据存储在 localStorage 中

我用 VueJS 练习简单的 SPA 需要我监听一个 API 并将它的一些数据保存在浏览器的 localStorage 中,但是我对 VueJS 的经验还不是很丰富,所以我不知道如何采取具体的数据并将其保存到 LS,以便登录的用户稍后可以查看他们的信息. API 检索了很多信息,现在我只想获取用户的电子邮件和姓名. 这是目前为止的代码: 从'axios'导入axios;从'axios ..
发布时间:2022-01-25 17:54:39 前端开发

将属性默认值注入 3rd 方 Vue 组件

我在我的项目中使用了一个日期选择器组件.基本用法是这样的: date-picker(language="fr" v-model="date") 每次我们需要使用日期选择器时,都会重复几个属性:例如 language. 所以我希望能够在需要日期选择器时简单地做到这一点. 日期选择器(v-model="date") 对于第 3 方库的 language 属性,这将默认为 fr. 这 ..
发布时间:2022-01-25 17:54:07 前端开发

在特定元素之后附加动态 vue 组件

我想根据点击其他元素在随机位置添加组件(实际上不是随机的,基于某些逻辑). 在 jQuery 中,我们可以通过 $('#someId').append('element') 或 $('#someId').find('.someClass').after('元素') 我想要实现的(jquery 版本):jsfiddle 如何在 Vue 中做到这一点? 注意:这不能通过 v-f ..
发布时间:2022-01-25 17:53:14 前端开发

VueJS 2.0 从父级到子级的通信

我确信有一种简单的方法可以做到这一点,但我想不通. 在我的 html 文件中,我有以下按钮: 显示模态 单击该按钮运行以下方法: 新的 Vue({el: '#root',方法: {showModal() { Event.$emit('showModal');},}}); 当我单击该按钮时,我希望在模态组件中切换一 ..
发布时间:2022-01-25 17:53:03 前端开发

输入的 v-model 通过其他脚本动态更改值?

我有两个输入存储来自谷歌地图脚本的 lat 和 lng,如果用户更改标记的位置 => 这两个输入得到用户啄的 lat 和 lng,所以我想得到这两个输入的值,我尝试了 v-model 但它不起作用我实际上注意到只有当我通过键入或粘贴某些内容来更改这些输入的值时才会触发 v-model.有没有一种方法可以将这些输入的值(如 on-change)传递给我的 Vue 实例? 解决方案 要在输入值 ..
发布时间:2022-01-25 17:52:55 前端开发

Vuex.如何使用 v-for 从存储中渲染数据

我有几个组件的应用程序.我使用 Vuex 来存储数据,所以我可以在不同的组件中使用它.现在我需要使用 v-for 渲染一些 div.我这样做: VueX/Modules/shows.js 常量状态 = {显示:[{名称:'运气不好',场地:“场地",时间:“下午 6:00"},{名称:'运气不好',场地:“场地",时间:“下午 6:00"}]}导出默认{状态} 我需要使用数据的组件: ..
发布时间:2022-01-25 17:52:49 前端开发

如何在没有 WebPack 构建过程的 HTML 页面中使用 VueJS .vue 组件?

我正在为旧版服务器渲染项目创建一个页面. 在它的一个页面上,我需要添加一些“动态".然后我导入 vuejs CDN 脚本并创建了一个内联 vue 对象 var v = new Vue(... 但是有一个.vue 组件我非常喜欢并且很想将其添加到页面.但是好像这个组件只能通过WebPack导入构建过程来添加. 如何在没有 WebPack 构建过程的情况下在我的 html 页面中使用这 ..
发布时间:2022-01-25 17:51:19 前端开发

Vue router2 没有捕获深层嵌套路由

我的路线具有以下结构,分为几个文件: export const router = new VueRouter({模式:'哈希',基地:__dirname,保存滚动位置:真,历史:真实,路线:Array.concat(userRoutes,siteRoutes)})...//用户/routes.js导出 const userRoutes = [{路径:'/用户',名称:'user_main',组件 ..
发布时间:2022-01-25 17:51:13 前端开发