在vuejs中动态更改src路径

文章/答案/技术大牛

发布

2回答

javascript、html、vue.js、vuejs2

我想在Vue中动态更改我的<img>的src的路径： <template> <img :src="'../..虽然路径是正确的，但图像仍然没有加载。我尝试在不使用路径相同的v-bind (../../assets/logo/logo-black.svg)的情况下使用src，它似乎工作得很好。

浏览 52提问于2020-06-27得票数 0

1回答

要作为VueJS /VueMaterial元素属性的值传递的动态属性

javascript、vue.js、vuejs2、vue-component、vue-material

我在我的项目中使用Vue 2.6.12以及Vue & Laravel Mix和Webpack进行资产管理。而且我对VueJS还是个新手。现在，我需要将动态VueJS属性值作为值传递给现有的HTML/VueMaterial元素属性作为它的值，如下所示： <md-icon md-src="{{iconPath}}{{iconName}}-icon-{{iconColor}}.svg"> 我知道使用VueJS我们可以从属性创建动态</

浏览 11提问于2020-10-09得票数 0

回答已采纳

1回答

vuejs中的动态组件路径

vue.js、vuejs2、vue-component

我将我的vuejs应用程序划分为组件，每当我更新应用程序的架构时，我需要在添加的位置更改组件路径。这使得应用程序的维护变得困难。因此，我已经将组件路径添加到settings.json文件中，并尝试使用该路径加载组件。但这是行不通的。请看下面的代码。import Registration from platform.urls.uiComponent+'Account/Registration' 有人知道如何在vuejs中设置

浏览 0提问于2017-09-27得票数 0

1回答

为vue.js库获取错误“意外令牌”304未被express修改

node.js、express、vue.js

Express server listening on port", port);文件夹结构： dist --- Vue.js srctitle></title></head> <p> This is a vue </p> <scri

浏览 0提问于2018-03-15得票数 1

回答已采纳

1回答

加载动态资产vuejs* 3*

javascript、node.js、vue.js、vuejs3

我需要从vuejs项目中的资产文件夹动态加载和显示图像，但它不起作用，这是我的代码<img :src="getSource(data.thumbnail)" :alt="data.namereturn new URL(`@/assets/${path}`, import.meta.url).href;但是，如果我对URL使用相同的代码，它就会工作.： <img :src

浏览 1提问于2022-11-04得票数 1

回答已采纳

2回答

如何在vuejs应用程序中设置动态基url？

vue.js、vuejs2、vue-component、vuex、vue-router

我想用vuejs和php开发一个应用程序。可以安装在许多目录中，如https://example2.com/path1/p/app,<ba

浏览 4提问于2019-11-02得票数 9

回答已采纳

1回答

内插属性已被删除。使用v-bind或冒号简写代替。

html、vue.js

<template id="slider-template"><a class="featured-providers-arrow-left" @click="prevRow"><img srcnewDesign', 'arrow.png']) }}"/></a><a class="featured-providers-arrow-righ

浏览 1提问于2017-11-09得票数 2

3回答

Vue找不到v-img元素的动态源。

javascript、vue.js、vuetify.js

我需要动态加载一个图像(从我的文件系统，而不是url)与vuetify。但是，当我在vue元素中绑定路径变量时，vue无法找到它。当我静态地使用"required“方法时，它是可以的。我如何选择一条充满活力的动态路径？这是文件加载程序的问题吗？<html> v-bind:<em

浏览 0提问于2019-06-28得票数 7

回答已采纳

2回答

如何在vuejs中使用symfony路由？

javascript、symfony、vuejs2

我是VueJS的新手，我想在我的Symfony平台上使用它。我想知道如何在小枝变量中添加一个VueJs变量。competition in Vcompetitions"> <a v-bind:href="XXX"> <&

浏览 5提问于2017-07-20得票数 3

回答已采纳

1回答

显示ReferenceError的Vuejs* vue截取滤波器包*

vuejs2

我已经安装了npm安装vue-截断-过滤器-保存的VueJs，以削减额外的字符串为用户界面的目的。根据包文档，我已经在我的应用程序中逐步实现了包，但是它显示了错误。我在这里写同样的步骤，请指导我哪里错了：npm install vue-truncate-filter --saveVue.use(VueTrunc

浏览 0提问于2018-04-03得票数 1

回答已采纳

2回答

烧瓶蓝图不能覆盖静态路径

python、vue.js、flask

Webapp结构：烧瓶结构： client/ static/<script src=/static/js/index.js></script></body></html> 然后我运行这个应用程序并重定向到主机:端口/客户端，找到了vue_index.html，但是找不到文件中

浏览 0提问于2019-08-25得票数 0

回答已采纳

3回答

在VueJS中，如何根据路径生成动态背景图像？

javascript、css、vue.js

在VueJS中是否有一种基于路径创建动态背景的方法？/views/UnstakedView.vue" }, }, <div class="backgroun

浏览 1提问于2022-03-23得票数 0

回答已采纳

1回答

使用Vite + React使用绝对路径导入时不允许MIME类型

reactjs、vite

当我设置Vite使用绝对路径加载组件时，我会得到这个MIME类型不允许的控制台错误。plugins: [react()], alias: [{ find: '@', replacement: path.resolve(__dirname, '/src/src", "@/*": ["*"] }进口： import Co

浏览 2提问于2021-10-05得票数 1

回答已采纳

2回答

如何使用vuejs在vue中显示动态图像？

javascript、sqlite、vue.js、flask

在js部分中，我发送了一个获取所有游戏的请求，然后将结果放入games[]列表。当我试图分配存储在db中的js游戏索引中的图像时，它们不会显示。

浏览 2提问于2021-06-03得票数 0

回答已采纳

2回答

如何使用计算函数进行滤波？

javascript、vue.js、vuejs2、vue-filter

我对我正在开发的一个小项目有一个疑问，我不想使用自定义过滤器，我只想使用计算过滤器输出我在数据中定义的一个简单文本的反面，此时我尝试这样做： <p>{{someText | reverseFiltered

浏览 0提问于2017-03-24得票数 1

回答已采纳

3回答

图像不显示在VueJS中的组件中

javascript、html、image、vue.js、vue-component

我正在学习如何使用VueJS，并设法完成一个简单的页面，显示餐厅的菜单(在一个文件中)。 /MenuItem.vue main.ts<template>在src/co

浏览 7提问于2020-03-18得票数 0

回答已采纳

1回答

如何在Laravel Vue.js项目中使用DataTable插件？

laravel、vue.js、datatables

我想在jQuery DataTable中显示数据。请有人建议我怎么做，因为我是Vue js的新手。非常感谢，如果有人可以建议我一个很好的教程this.Thank你。

浏览 17提问于2020-02-10得票数 0

回答已采纳

1回答

VueJS模板中的Laravel正面？

laravel-5.3、vuejs2

因此，我使用<img src="{{ Storage::url($user->avatar) }}">在我的刀片模板，以获得我的图像路径。我的问题是，如何使用VueJS模板实现类似的方法？我在我的<img src="{{ Storage::url($user->avatar) }}">文件中尝试了.vue，但是在运行gulp watch时出错了。此错误引发无效表达式。那么，获得正确的图像<em

浏览 0提问于2016-12-23得票数 2

回答已采纳

1回答

如何将Visual代码中的launch.json配置为使用Chrome调试VueJS项目并放置绑定断点？

vue.js、google-chrome、debugging、visual-studio-code

我目前在symfony/VueJS项目中工作。我想用VSCode和Chrome调试VueJ的部分。当我在启动chrome调试器后在vuejs代码行上放置一个断点时，VSCode说断点是未绑定的。我的VueJS代码路径在资产/js中。我按照下面的方式配置了..vscode/unch.json，并尝试了许多配置，但是在启动chrome调试之后，我得到了“未绑定的断点”：

浏览 3提问于2022-01-04得票数 1

1回答

动态导入作用域SCSS

vue.js、sass、vuejs2

我有一个VueJS项目，它有一个基本组件，可以根据服务器配置的不同而设置不同的样式。现在我正在从服务器加载CSS，但我想知道是否有可能动态导入vuejs中的作用域scss。i.e <style src="{{style_name_or_path}}" lang="scss" scoped/>

浏览 2提问于2020-05-08得票数 0

点击加载更多