@用于在vue js中处理不起作用的资产
在Vue.js中，@符号是用于绑定事件的特殊语法糖。它可以用于在模板中监听DOM事件或自定义事件，并执行相应的方法。然而，有时候在处理某些特定的资产时，@符号可能会失效。
通常情况下，@符号在Vue.js中是有效的，可以正常地绑定和处理事件。但是，当涉及到一些特殊的资产，比如图片、样式表、字体等静态资源时，@符号可能会失效。
这是因为在Vue.js中，@符号是用于绑定事件的，而不是用于处理静态资源的。对于静态资源，我们应该使用其他适当的方式来处理。
对于处理不起作用的资产，可以采取以下几种方法：
- 使用相对路径或绝对路径：可以直接使用相对路径或绝对路径来引用资产，而不使用@符号。例如，对于图片资源，可以使用
<img src="./assets/image.png">或<img src="/assets/image.png">来引用。 - 使用require语法：在Vue.js中，可以使用require语法来引用静态资源。例如，对于图片资源，可以使用
<img :src="require('./assets/image.png')">来引用。 - 使用import语法：对于某些类型的资产，比如样式表或字体，可以使用import语法来引入。例如，对于样式表，可以在组件中使用
import './assets/style.css'来引入。
需要注意的是，以上方法适用于处理不起作用的资产，但具体的使用方式可能会根据项目的具体情况而有所不同。建议根据实际需求选择合适的方法来处理资产。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云对象存储（COS）：提供高可靠、低成本的云端存储服务，适用于存储和处理各种类型的资产。详情请参考：https://cloud.tencent.com/product/cos
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，用于部署和运行应用程序。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云云函数（SCF）：无服务器的事件驱动计算服务，可用于处理特定事件和任务。详情请参考：https://cloud.tencent.com/product/scf
相关·内容
3回答
@用于在vue js中处理不起作用的资产
javascript、vue.js
我想从src文件夹中设置我的照片的地址，并且基于vue文档，我必须使用@。问题是，当我使用它时，jetbrains用红线在地址下划线，而且我的页面不再编译，错误是：
./node_modules/css-loader?/node_modules/vue-loader/lib/selector.js?type=styles&index=0!.&#x
浏览 2提问于2018-08-01得票数 4
1回答
Webpack是否为Vue应用程序处理index.html？
javascript、webpack、vue.js、single-page-application、assets
在我的index.html中，head标记中包含以下内容：但是，每当加载index.html时，这些资产只是再次加载为index.html，而不是它们的映像。Webpack不处理index.html吗？是否有其他方法将处理<
浏览 1提问于2018-08-13得票数 1
回答已采纳
2回答
如何在大型vue.js应用程序中构造组件？
javascript、vue.js、architecture、vuejs2
我用Vue.js做小的一个页面的应用程序或者小型的components.But，现在我试图用它来构建一个应用程序的整个前端，而我的项目的架构遇到了一些麻烦。但是，我如何用这么多组件来组织组件文件夹呢？我想知道是否有一些大型vue.js应用程序的典型架构？
以下是我
浏览 7提问于2016-10-13得票数 2
回答已采纳
1回答
如何在Laravel VueJs中编译多个文件夹的多mix.webpackConfig
laravel、vue.js、webpack、laravel-8、webpack-mix
我在laravel vuejs中有一个webpack.mix.js，我想要为管理员，订阅者和经销商分别配置我在资源/js文件夹中创建的文件夹，我想将这些文件夹编译成公共/adminapp，公共/订阅者应用，公共/交易商应用中的单独文件夹如何才能实现这样的结果？我已经尝试在webpack中添加多个配置，但无法完成，以下是我的webpack.mi
浏览 49提问于2021-04-26得票数 0
1回答
在开发模式中构建时指定资产输出目录
vue.js、vuejs2、assets、vue-cli、vue-cli-3
我正在使用Vue CLI将我的应用程序构建到我现有的php项目中。为了处理php中生成的文件，我需要将资产移到../public/assets/目录中。不幸的是，这在开发环境中似乎不起作用(生产模式工作得很好，但我确实需要测试php应用程序中vue的集成)。//
浏览 1提问于2019-04-22得票数 0
回答已采纳
3回答
如何将npm包的静态资产发送到nuxt应用程序？
javascript、vue.js、nuxt.js、npm-package
我有一个vue组件作为npm包的结构： -assets/这个向量映像被加载到这个npm包中vue组件的模板中，如下所示：
<img class="filter-iconNuxt在http://localhost:3000/_nuxt/img/noun-filter.b16c5666.svg中查找不存在的</
浏览 0提问于2020-10-01得票数 2
回答已采纳
1回答
利用Laravel制作的空白页
laravel、vue.js、webpack、laravel-mix、inertiajs
我使用Laravel 8+ Vue.js + InertiaJs构建了一个单页应用程序。在开发环境中，一切都很正常，但是当我编译用于生产的资产时，它显示了一个空白页，控制台中没有错误。所有资产都正确地加载了200段代码，一切似乎都正常，但是Vue应用程序没有挂载！webpack.mix.jsrequire('lar
浏览 7提问于2020-12-11得票数 1
回答已采纳
1回答
在部署Vue.js应用程序后下载PDF的问题
vue.js、pdf、aws-amplify
因此，我正在创建一个Vue.js web应用程序作为我的简历。在那里，我希望用户能够真正下载我的简历的副本，但我似乎无法让它正常工作。在我的Home.vue页面上，我有： <div class="flex-grow overflow-auto max-h-screen w-full dark:text-gray，下载它是没有问题的。当我运行yarn build并从dist/
浏览 1提问于2021-03-29得票数 0
2回答
如何使用JS访问Vue src文件夹中的图像
javascript、vue.js
我有一个Vue应用程序，我想访问包含的JS文件中的一些图像文件，用于各种目的，例如，其中之一是将图像添加到画布元素中。，但是如果我想从src文件夹而不是公用文件夹访问已编译的图像资产，怎么办？在CSS中，我可以简单地在路径中使用@符号，比如@/assets/images/bg.jpg (因为这在vue配置中被配置为别名)，所以我尝试.
浏览 1提问于2022-04-12得票数 0
1回答
Framework7 Vue Cordova图像参考
cordova、html-framework-7
我刚开始使用Framework7 Vue初学者工具包，不确定镜像是如何工作的。在src/assets/static/images下有一个存放图片的文件夹，在他们的文档中，它说要将项目的图片放在那里。我的问题是在vue文件中，我如何引用它们？在www项目文件夹中，当我做一个构建时，我没有看到任何放在src/assets/static&
浏览 0提问于2017-04-20得票数 0
2回答
未定义的ReferenceError: Vue在使用laravel-mix webpack时没有定义。
laravel、webpack、vue.js、laravel-mix
我和webpack一起用laravel来包含Vue，但是它总是导致这个错误：
let mix = require('laravel-mix');
externals: {
'vue':'Vue
浏览 0提问于2018-07-30得票数 1
3回答
显示空白白屏的iOS模拟器-电容器- Vue.js
xcode、vue.js、capacitor
感谢您抽出时间查看我的帖子。我在使用电容和Vue.js的移动应用程序项目中遇到了一点麻烦
长话短说，我已经正确地设置了一个正确的Vue.js，因为我使用Node服务器进行了测试，它的功能与我们设置的完全相同。但是当我们使用电容插件用Xcode启动我们的Vue.js产品时，模拟器显示为空白。我知道我安装电容器是正确的，因为我已经重试了很多次，而且这
浏览 1提问于2019-12-12得票数 0
3回答
Vue回到资产映像
vue.js
我想在Vue 3应用程序的页面上显示一堆实体。每个实体都应该有一个图像URL。如果实体没有这样的URL，我希望显示存储在/src/assets/images/default.png中的默认图像
因此，我创建了一个计算属性，它返回图像URL，或者是entity.url，或者上面的URL不幸的是，这是行不通的，我没有得到默认的映像，Vue dev dev服务器返回index.htm
浏览 0提问于2018-11-18得票数 0
回答已采纳
2回答
如何将Vue JS与ASP.NET MVC和nuget包集成
javascript、asp.net-mvc、asp.net-web-api、vue.js、vuejs2
如何将Vue JS集成到现有的MVC项目中，并与Nuget软件包一起使用。 el: '#aboutPage', message: 'Hello Vue!in About Page' });问题：
是否需要像webpack或gulp这样的附加包，我们已经有MVC的包配置了？如何为每个视图创建单独<e
浏览 1提问于2018-09-08得票数 0
1回答
laravel + mix + vue路由器错误:未找到导出'createStaticVNode‘(导入为'_createStaticVNode')
laravel、vue.js、vue-router、laravel-mix
你好，我是新来的拉拉和混音。现在我正在通过jeffrey vue教程。这门课引起了许多问题。让我困惑和失望的是新的问题。在第26集()中，当我试图运行“监视”命令时，引发了一个新的错误：
.vue&type=template&id=6c0a33b2) 6:30-48出口“createStaticVNode”警告(导入为'_createStaticVNode')在'vue
浏览 2提问于2021-08-01得票数 1
1回答
如何使用app.use('someRoute')在express中服务器静态Vue dist文件夹
node.js、express、vue.js、routing、static
我从vue应用程序(使用create-vue- app创建)提供dist文件夹。但是，当我不指向某些特定的路由时，它可以很好地服务，只需使用根路由而不使用任何内容。但是，如果我指定一个子路由，例如'/static'，它不会为vue应用程序dist index.html提供服务...我在浏览器中收到以下消息：
Refused to apply style fromstylesheet MIME type, and strict MIME checking is
浏览 0提问于2020-01-28得票数 0
1回答
在构建vue应用程序时禁用图像哈希
image、vue.js、webpack、hash、build
当您构建一个vue项目时，dist文件夹中的资产将获得一个用于ex的指纹/块散列号。"thumb.jpg“变成了”thhum.23423432.jpg“，同样适用于css文件，js等。是否可以仅对图像文件禁用构建时的散列？如果是这样，如何在vue.config.js文件中执行此操作？
浏览 4提问于2019-03-28得票数 1
7回答
有没有可能在没有vue-cli的情况下构建vue应用程序？
vue.js、webpack、build
就像标题本身说的那样。有没有可能在webpack的帮助下，在没有vue cli的情况下，构建一个vue应用程序？如果没有，为什么？据我所知，vue-cli也用webpack来构建他们的文件。
浏览 17提问于2019-11-29得票数 5
回答已采纳
1回答
Vue路由器嵌套路径在手动刷新时破坏静态资产路径
webpack、vue-router
我们使用的是VueJS 2.x和vue-cli Webpack样板，以及Vue路由器。我们遇到了以下问题
assetsSubDirectory：‘静态’，assetsPublicPath：'/'，
Vue路由器在历史模式下运行
浏览 3提问于2017-06-20得票数 6
1回答
如何在laravel中添加库vue？
laravel-5、webpack、vue.js
我用的是laravel 5.4，和webpack还有vue。我不知道如何在vue中添加新的库。例如，我跑接下来我需要做什么？我需要补充的是：或在
资源/<
浏览 1提问于2017-07-27得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
