webstrome vue 工程点击@路径没有反应

最新推荐文章于 2023-12-22 16:05:17 发布
最新推荐文章于 2023-12-22 16:05:17 发布
阅读量890 收藏
点赞数
分类专栏： # vue 文章标签： vue.js 前端 javascript
独学而无友，则孤陋寡闻。q群582951247
本文链接：https://blog.csdn.net/mp624183768/article/details/122599135
版权

执行

yarn init vue@2

即可

没用yarn的可以使用npm代替

 现在选中路径就可以了

安果移不动
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Vue[email protected] 插件系统简析
10-18
Vue[email protected] 是一个全新的 Vue 项目脚手架。这篇文章主要介绍了Vue[email protected] 插件系统简析,需要的朋友可以参考下
解决Vue打包之后文件路径出错的问题
08-27
下面小编就为大家分享一篇解决Vue打包之后文件路径出错的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vscode中Vue别名路径提示的实现
10-15
主要介绍了vscode中Vue别名路径提示的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue[email protected]谷歌插件
04-27
vue-devtools是Vue开发的调试工具，官方推荐使用，vue-devtools第6代支持vue2和vue3，以及pinal，官方提供源代码，但是需要自己构建，构建的过程基本上没有3个坑都不能成功，这里直接分享一些，需要的小伙伴可以拿去
vue中@路径不好用
weixin_45716754的博客
11-21 791
安装 npm install path --save。在vue.config.js加上。
vscode 中vue导入模块的@路径提示以及采用@后报错显示not found
Hannah_Hannah_的博客
06-13 6197
上图点击【扩展设置】后进入下图点击上图的【步骤 2】之后，进入下图的 【settings.json】文件中，添加下列框出的代码、 以上是下载的插件的基本配置接下来是取别名的配置如果没有jsconfig.json文件，那就自己建一个（！！！名字要一摸一样） 以上情况就基本上成功了，如果@路径还不生效的话 ，看看自己的文件中是否使用了tsconfig.json文件， 如果有的话，需要在tsconfig.json中添加配置 "allowJs": true， 最后就成功啦！！！！！.........
vue，el-image 图片引入根路径@无效
北海_南风
07-18 1556
用于引入模块、JSON、或本地文件。可以从node_modules引入模块。require是运行时调用，所以require理论上可以运用在代码的任何地方。图片在根路径下，如下引用图片路径发现无效，图片显示“加载失败”这样就能正常引入图片了。...
解决 vite 构建 vue3 项目 “@/“相对路径无法生效并报错
最新发布
m0_68196864的博客
12-22 1352
第二步：在 vite.config.js 文件中添加以下三部分代码。第一步：安装 path 包。
vite中无法使用require和@无法使用的问题
weixin_48927323的博客
08-05 1145
vite里使用@需要在config里配置一下。2.在vite中配置一下即可。
vue 加载图片使用@路径加载不出来
坐等夕阳落time的博客
10-14 2784
vue 加载图片使用@路径加载不出来
vue下的@change事件的实现
10-16
主要介绍了vue下的@change事件的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
【踩坑日记】Vue组件@click事件点击没有反应
热门推荐
LadenxxxxD
10-25 1万+
项目场景： 在自定义组件上绑定@click事件无法触发 问题描述： 在自定义组件上绑定@click事件无法触发 <template> <div>自定义组件<div> </template> <MyComponent @click="myMethods"></MyComponent> 原因分析： 凡是组件中绑定的事件，都应该是这个组件本身就存在的事件。 因此在自定义组件上绑定的click会被vue认为是组件内部的事件。 事实
【VUE异常】el-popconfirm失效，@confirm事件不生效，点击没有任何反应，刷新页面才能点击
No8g攻城狮的博客
09-15 3320
项目中遇到一个奇怪的问题，我使用了 el-popconfirm 组件，项目基于VUE，el-popconfirm 包裹住的按钮，操作列有好几个按钮选项，点击其中任何一处按钮之后，再次打开另外的一个 el-popconfirm 包裹住的按钮点击没有任何的反应，刷新浏览器之后才能点击触发相应的事件。因为我在按钮中使用了 v-if 来进行显示控制，当我在 el-popconfirm 组件上直接使用 v-if=“” 的时候，就会出现这个问题，问题出现在 v-if 与 el-popconfirm 结合。
vue项目中@符号没有路径提示
正一品程序员的博客
09-24 3392
1、vs-code下载“Path Intellisense”插件。 2、打开设置 - 首选项 - 搜索 Path Intellisense - 打开 settings.json ，添加 "path-intellisense.mappings": { "@": "${workspaceRoot}/src" } 3、在vue项目 package.json 所在同级目录下创建文件 jsconfig.json：,将以下代码复制粘贴即可 { "compilerOptions
vue关于@无法找到文件报错
m0_51354601的博客
05-11 2749
如果在Vite项目中使用@无法找到文件，通常是因为未正确配置路径别名（path alias）导致的。在Vite中，您可以使用vite.config.js文件来配置路径别名。请确保将路径别名配置为与您的项目结构和实际路径相匹配。在上述示例中，我们使用alias选项来配置路径别名。通过@别名，我们将./src目录与@关联起来。//配置less @ 跨域。
webstorm vue项目@路径不能跳转到对应资源,提示Cannot find declaration to go to
weixin_43123984的博客
09-15 3953
webstorm vue@跳转相应路径文件
vue中webstrom 识别@
m0_46188775的博客
07-07 586
vue3，webstrom配置@符号 webstrom不能识别@符号
解决WebStorm 2021无法识别@(别名路径)的问题
weixin_44944744的博客
12-08 8004
首先第一步 先去设置,语言和框架 ---> JavaScript --->webpack ,如果这个时候看到已禁用,把他调成自动 第二步 在根目录下创建webpack.config.js 文件，并配置以下代码 const path = require('path') module.exports = { context: path.resolve(__dirname, './'), resolve: { extensions: ['.js', '.vue', ...
解决WebStorm识别不到“@”符号路径问题
qq_43731674的博客
07-01 2586
步骤一 在项目根目录新建文件夹（webstorm.config.js）并加入以下内容 'use strict' const webpackConfig = require('@vue/cli-service/webpack.config.js') module.exports = webpackConfig 如果以上方法不生效可以尝试步骤二 步骤二 在项目根目录新建文件夹（jsconfig.json）并加入以下内容 { "compilerOptions": { "target": "es6
vue @keydown.native 没有反应 怎么办
06-09
`@keydown.native` 是 Vue.js 的一个自定义事件修饰符，用于监听键盘原生事件，而非浏览器默认的键盘事件。如果你在使用 `@keydown.native` 后发现没有反应，可能是以下几个原因导致的： 1. 绑定的元素没有获取到焦点。如果你绑定的是某个元素的键盘事件，那么必须让这个元素获得焦点，才能触发键盘事件。例如，对于一个 `div` 元素，可以设置 `tabindex` 属性来使其获得焦点，从而触发键盘事件： ```html <div tabindex="0" @keydown.native="handleKeyDown"></div> ``` 2. 绑定的键盘事件不是原生事件。`@keydown.native` 只能监听键盘原生事件，例如 `keydown`、`keyup`、`keypress` 等，而不能监听浏览器默认的键盘事件，例如 `input`、`keydown.enter` 等。如果你想监听浏览器默认的键盘事件，应该使用其他的修饰符，例如 `@keydown.enter`。 3. 绑定的事件处理函数没有正确绑定到 Vue 实例上。如果你在 Vue 组件中使用 `@keydown.native`，那么需要确保事件处理函数正确绑定到 Vue 实例的方法中。例如，如果你的事件处理函数是一个类方法，可以使用箭头函数或 `.bind()` 方法将其绑定到 Vue 实例上： ```javascript export default { methods: { handleKeyDown: (event) => { console.log(event.keyCode); }, // 或者 handleKeyDown(event) { console.log(event.keyCode); }.bind(this), }, }; ``` 如果你检查了以上几个原因，仍然无法解决问题，可以尝试使用浏览器的开发者工具，查看控制台是否有相关的错误信息。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

安果移不动

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值