vue中无法使用插件

2023-11-30

我想在浏览器中管理cookie并使用这个外部插件vue-cookies。 但是如果我在某个 vue 文件中调用它的方法 this.$cookies.get(...) 我会在浏览器中收到错误:TypeError: Cannot set property '$cookies' of undefined

这是我的代码。 Main.js

    import App from './App.vue'
    import router from './router'
    import VueCookies from 'vue-cookies';
    import { createApp } from 'vue'
    const app = createApp(VueCookies)
    app.use(VueCookies);
    createApp(App).use(router).mount('#app')

App.vue(或任何其他 .vue 文件)

beforeMount() {

    var cookie = "";
    cookie = this.$cookies.get("testname");
    console.log(cookie);
}

从 v1.7.4 开始,vue-cookies仅适用于 Vue 2。

Vue 3 需要vue3-cookies反而:

import Vue from 'vue'
import VueCookies from 'vue3-cookies'

createApp(App)
  .use(VueCookies)
  .mount('#app')
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

vue中无法使用插件 的相关文章

  • 在 Meteor.method 中调用函数返回未定义

    过去几天我一直在尝试从 Meteor 方法获取返回对象 每次我这样做我都会得到undefined在客户端上 Meteor methods CORSTest function let url www theverge com 2017 4 1
  • 如何从ArrayBuffer中获取二进制字符串?

    JavaScript中如何从ArrayBuffer中获取二进制字符串 我不想对字节进行编码 只需将二进制表示形式获取为字符串 提前致谢 以下代码将一致地转换ArrayBuffer to a String并再次返回 而不会丢失或添加任何额外的
  • 茉莉花节点没有输出

    我是 JavaScript Node js 和 jasmine 的新手 我正在尝试运行 Node Craftsman Book 一书中的测试 FilesizeWatcher 我创建了 package json 文件并运行 npm insta
  • browserify 错误 /usr/bin/env: 节点: 没有这样的文件或目录

    我通过 apt get install 安装了 node js 和 npm 以及所有依赖项 然后安装了 browserify npm install browserify g 它完成了整个过程 看起来安装正确 但是当我尝试为此做一个简单的捆
  • 从 DOM 中删除后,动态添加的 JavaScript 脚本会继续执行

    因此 我正在创建一个 SPA 并使用 AJAX 将 HTML 页面加载到我网站的索引页面中 问题是 当包含我的一个页面时 它似乎会徘 徊并执行其中的 JavaScript 代码 即使它随后从 DOM 中删除 索引 html 正文 div d
  • 如何从 URL 字符串中删除某些参数?

    我有这个var存储表示充满参数的 URL 的字符串 我正在使用 AngularJS 我不确定是否有任何有用的模块 或者可能使用纯 JavaScript 来删除不需要的 URL 参数而无需使用正则表达式 例如我需要删除 month 05并且
  • 一个 Next.js 路由中的两个不同子域

    我想使用构建一个新平台Next js https nextjs org React js https reactjs org and 反应路由器 https reacttraining com react router web guides
  • History.replaceState 仍然向“浏览历史记录”添加条目

    具体来说 调用以下代码片段 history replaceState undefined undefined value 正确地不会影响当前页面的后退按钮行为 但是will在 浏览历史记录 页面添加一个条目 这是我不想要的 下图是 Chro
  • 使用 easyXDM 调整 IFrame 大小

    我将 iFrame 代码提供给客户 以便他们可以显示我网站上的动态内容 我希望其页面上的 iFrame 能够调整大小以适合我的内容 我按照 easyXDM 网站的说明进行操作 但也许我遗漏了一些东西 我没有收到任何错误 但 iFrame 保
  • 为什么我的 onclick 事件自动触发

    加载页面时最初显示 Hello World 我希望它仅在单击按钮后显示 我知道我可以通过向按钮添加内联事件侦听器来做到这一点 我可以只用脚本编写所有这些代码吗
  • 页面点击其他路径后 $timeout 继续运行

    我在用yo angular fullstack生成器来构建我的网站 当用户注册该网站时 它将发送一封带有链接的激活电子邮件 当用户点击该链接时 会显示激活成功并超时进入主页 但是 当超时未结束 用户点击页面中的任何其他链接时 会跳转到其他页
  • 对数字和字母元素的数组进行排序(自然排序)

    假设我有一个数组 var arr 1 5 ahsldk 10 55 3 2 7 8 1 2 75 abc huds 我尝试对其进行排序 我得到了类似的东西 1 1 10 2 2 3 5 55 7 75 8 abc ahsldk huds 注
  • 如何检查jquery数据表中的每个复选框?

    我有一个第一列带有复选框的表格 我使用 jQuery DataTable 插件显示我的表格 我制作了 2 个链接来选择 取消选择每个复选框 这是选择全部的一个 a href Select all a 和 JavaScript functio
  • Web浏览器控件:如何捕获文档事件?

    我正在使用 WPF 的 WebBrowser 控件加载一个简单的网页 在这个页面上我有一个锚点或一个按钮 我想在我的应用程序后面的代码中 即在 C 中 捕获该按钮的单击事件 WebBrowser 控件是否有办法捕获加载页面元素上的单击事件
  • 如何在 OpenLayers 3 中删除监听器

    我做了一个copy https gis stackexchange com questions 178222 how to delete a listener in openlayers 3我在 stackoverflow 上提出的问题 因
  • while 循环元素状态 cypress

    我有一个问题 我想单击一个按钮直到它消失 但次数可能会有所不同 所以我想检查可见性状态 当可见 true时单击按钮 当可见 false时结束测试 但问题是我不知道如何循环从获取元素到末尾的所有链 单击按钮一次 由于中断而停止 如果我删除中断
  • Tween JS 基础知识之三个 JS 立方体

    我是 Tween JS 的新手 尝试使用 Tween 制作一个向右移动的简单动画 下面是我在 init 函数中的代码 我使用的是三个 JS var geometry new THREE CylinderGeometry 200 200 20
  • 在 中动态添加链接样式表 [关闭]

    这个问题不太可能对任何未来的访客有帮助 它只与一个较小的地理区域 一个特定的时间点或一个非常狭窄的情况相关 通常不适用于全世界的互联网受众 为了帮助使这个问题更广泛地适用 访问帮助中心 help reopen questions 如何将链接
  • Chrome Prerender 功能每次都会被取消

    我正在尝试 Chrome 中的预渲染功能 但是当我检查网络时 我可以看到任何链接的请求都被取消 我使用以下语法 我尝试了现场演示http prerender test appspot com http prerender test apps
  • Angular 5 中 Observable.ForkJoin 的重复 Http 请求

    我有一个 Angular 5 应用程序 组件中包含以下代码 ngOnInit Observable forkJoin this highlightedInsight this insightService getHighlightedIns

随机推荐

  • Java、C、PHP 的自动补全库?

    我正在为我的文本编辑器构建一个开源自动完成插件 因为它还没有 是否有我可以使用的自动完成库 即某种包含 Java C PHP 等常用函数的数据文件 我已经构建了插件 但我并不特别想浏览所有 Java 文档并手写插件将引用的实际库 我只是在寻
  • 如何让 Liferay 6.1.0 在找不到资源时始终重定向到 404 页面?

    我为我拥有的 Liferay 网站创建了一个简单的钩子 它包含一个覆盖默认 Liferay 404 的 404 jsp 如果我输入特定页面 它可以正常工作 例如 即将http localhost 8080 joky jsp throws 严
  • AspectJ 和 CDI

    我正在尝试找出一种将 bean 注入某个方面的方法 I mean public class Greeter public String greet String name public aspect GreeterAspect Inject
  • 使用一系列角度创建循环列表 python

    我有一个列表列表 其中包含角度集的下限和上限 就像是 1 22 2 24 359 15 360 21 总共360个元素 现在我想检查从 1 到 360 的每个角度 列表中包含该角度的元素 我正在考虑使用下限和上限来创建列表的所有元素rang
  • JAVA NIO Bytebuffer.allocateDirect() 对 int 的大小限制

    我正在尝试制作堆外内存缓冲区 我想要非常大的缓冲区 比如 10GB 我听说jvm堆有时会因为full GC而冻结 所以 我尝试用 java nio ByteBuffer 制作缓冲区 但是 我遇到了很大的困难 java nio ByteBuf
  • Stata:变量中相同值连续出现的最大次数

    我的数据集中的观察结果是玩家和二进制变量temp1如果玩家采取了行动 则 up 等于 1 否则等于 0 我想计算每个玩家的最大连续移动次数 simulation playerlist temp1 temp2 temp3 temp4 temp
  • Code::阻止详细构建

    我想查看发送到的实际命令g 在 Code Blocks 构建期间 我想确切地了解它在编译和链接步骤中使用的命令行参数 并且我不想在构建设置 GUI 中进行操作 或者 将 Code Blocks 项目转换为等效的 Makefile 也可以 但
  • 通过 REST API 的 Cosmos DB IN 子句

    我无法使用以下方式制定搜索查询INAzure Cosmos 文档 DB 的子句 Query query SELECT FROM LOADS l WHERE l schedulingSystem in schedulingSystem par
  • 如何向量化矩阵的行对角化

    我有一个 n m 矩阵 我想将其转换为 mn m 矩阵 结果的每个 m m 块包含每行的对角线 例如 如果输入是 1 2 3 4 5 6 输出应该是 1 0 0 2 3 0 0 4 5 0 0 6 当然 我不想自己一步步组装矩阵for lo
  • 谷歌云python sdk安装错误-SSL证书错误

    尝试在 Windows 10 上为所有用户安装 Google Cloud SDK Python 出现以下错误 这是新机器并开始全新建造 在此之前安装了python 2 7版本 请帮我解决这个问题 输出文件夹 C Program Files
  • Go Template ParseFiles 函数解析多个文件

    如果我将两个或多个文件传递给 Go Template 的 ParseFiles 函数会发生什么 func Template ParseFiles 它有帮助说 ParseFiles 解析命名文件并将结果模板与 t 相关联 如果发生错误 则解析
  • 对从托管代码创建的事件的 WaitForSingleObject 的访问被拒绝

    如何在 C 中创建命名事件对象 以便我可以在单独的 C 进程中等待它 我的流程 A 的简化 C 代码 EventWaitHandle evt new EventWaitHandle false EventResetMode AutoRese
  • Rails 5 - 使用多态关联 - 渲染视图

    我正在尝试学习如何在 Rails 5 应用程序中使用多态关联 我最近问this问题 但我对其进行了多次编辑以显示我正在尝试的所有内容 它已经变得混乱 我有名为 组织 提案 和 包 Bip 的模型 这些协会是 组织 has many bips
  • Android:如果同时请求 GPS 和网络,网络提供商将无法工作

    if gps enabled locationManager requestLocationUpdates LocationManager GPS PROVIDER 0 0 locationListenerGps if network en
  • iOS 应用程序通过 USB 电缆连接与 OSX 中运行的应用程序进行通信

    iOS SDK 是否提供了一种方法让 iOS 应用程序通过 USB 电缆连接与 OSX Windows 中运行的应用程序通信 或者 套接字是唯一的选择 如果您想通过 USB 与 iOS 中的 OS X 程序交互 PeerTalklib 似乎
  • 在 Android 上解析 SHOUTcast 7.html 元数据

    我正在尝试使用以下 URL 检查 SHOUTcast 流的状态 http 85 17 167 136 8684 7 html 返回如下数据 7 1 77 100 7 128 44 0 7908 340 811 Follow Us visio
  • 如何在 SQL Management Studio 中指定不同的端口号?

    我正在尝试连接到不在端口 1433 上的 Microsoft SQL 2005 服务器 使用 SQL Management Studio 连接到服务器时如何指示不同的端口号 127 0 0 1 6283 ip和端口之间添加逗号
  • ASP.NET 的自定义文件扩展名 - 需要帮助!

    我的 Apache 2 2 服务器上运行了 modaspdotnet 因此它可以很好地运行 ASP NET 和 MySQL 但是 我想做的是提供具有其他扩展名的内容 而不仅仅是默认的 aspx 例如myfile customextensio
  • Android,当我使用应用内更新时发生InstallException

    Google I O 2019 新增应用内更新 所以我尝试按照文档使用它 https developer android com guide app bundle in app updates 但它发送了一个 InstallExceptio
  • vue中无法使用插件

    我想在浏览器中管理cookie并使用这个外部插件vue cookies 但是如果我在某个 vue 文件中调用它的方法 this cookies get 我会在浏览器中收到错误 TypeError Cannot set property co