vuejs2相关内容

使用 <v-for> 以表格格式显示多个复选框和 <v-checkbox>在 Vuetify 中?

我正在使用VuetifyJs对于 VueJS,我正在尝试从对象数组中以表格格式显示复选框.所需输出如下所示: 选中“所有用户"时,应选中所有复选框. 我创建了一个行布局并将这一行分成两个弹性框,所以我有两列的行结构.我使用'v-for'循环并为每一行显示当前索引和下一个索引的值.但是下一次循环迭代时会重复最后一个条目.我能到达的最近距离如下图: CodePen 网址: https ..
发布时间:2022-01-25 17:58:35 前端开发

可选地在 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 前端开发

使用 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 前端开发

VueJS 2.0 从父级到子级的通信

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

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

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

Vue 基于类的组件警告:属性未在实例上定义,但在渲染期间引用

我正在尝试使用 vue-class-component 和 typescript 创建一个 vue 组件(在此处找到 https://github.com/vuejs/vue-class-component).据我了解,数据是在类中定义的,如下所示 - 但我收到错误: "[Vue warn]: 属性或方法 "test" 未在实例上定义,但在渲染期间被引用.确保此属性是反应性的,无论是在数据选项中 ..

使用 Vue.js 更改元标题和描述

是否可以在 Vue.Js 中更改高于 body 标签的内容?这两个元素的内容当前都存储在 JSON 文件中,该文件附加到 DOM 树更下方的元素. 我需要尝试注入一个可以被 Google 抓取的元标题和描述(即,它注入,然后在被抓取之前呈现)并了解访问 body 元素和更高层 DOM 树的问题,如当前的 Vue JSON 是使用 DIV 下方的 App ID 注入的. 我之前在之前的一 ..
发布时间:2022-01-25 17:48:14 前端开发

VueJS:@click.native.stop = “"可能的?

我在页面上有几个嵌套组件,父组件具有 @click.native 实现.因此,当我单击子组件(位于父组件内)占用的区域时,例如执行两个单击操作(父组件和所有嵌套子组件) 所以我有多个产品的列表,当我点击属于模态对话框的“画布"时 - 我也得到 @click.nativ ..
发布时间:2022-01-25 17:48:04 其他开发

如何在 Vue.js 中传递 $router.push 中的数据?

我正在使用 Vue.js 为 CRUD 应用程序创建警报组件.我希望在保存数据后将消息传递给另一个组件.目前我正在尝试在 $router.push 中传递这些数据,例如 this.$router.push({path: '/', query: {alert: 'Customer added'}}) 然后在另一个组件中访问这些数据.但是,这并没有按预期工作,而是将数据传递到 url. 这是保存 ..
发布时间:2022-01-25 17:44:34 前端开发