动态类绑定svg和vue不起作用

、

下面使用数组语法一次性绑定静态和动态类。静态可以工作，但动态不能。动态类绑定如何与SVG一起工作？https://codesandbox.io/s/dynamic-class-binding-svg-in-vue-js-jc5qg <!DOCTYPE html> <head> <script

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

回答已采纳

2回答

、、

我使用SVG生成单词，并将类绑定与vuejs一起使用。当用户按下右键时，字符的颜色应该改变。但由于某些原因，它不起作用。谁能告诉我我哪里搞错了？{ fill:black; } <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"><

浏览 53提问于2019-04-29得票数 1

回答已采纳

1回答

Vue支持svg元素吗？

、

我想要生成使用svg标签的svg组件。Vue支持这个吗？请注意，svg元素需要在corretc命名空间中创建，vue可能无法立即处理。

浏览 4提问于2020-06-05得票数 0

回答已采纳

1回答

如何将数据属性绑定到动态元素？

页面加载后，SVG文件的内容将注入到页面中。如何将数据属性绑定到SVG中的元素以执行以下操作：Vue是否提供了进行动态绑定的方法？

浏览 2提问于2018-04-12得票数 0

1回答

在无渲染Vue组件中覆盖的类属性

、、

Icon.vueimport Vue from "vue"; name: "u-icon", const svg = this.icon,};实际结果<close-icon class="foo"/&

浏览 3提问于2021-10-07得票数 0

回答已采纳

2回答

在Vue项目中创建和操作SVG

、、

我是Vue.js新手，需要创建一个Vue组件来创建和操作SVG。根据我的理解，在Vue组件中使用JQuery不是最好的。但是，我想这样做，因为选择元素是如此的简单。这是我的Vue组件，但我不知道如何使它发挥功能。(注意: SVG将来自web服务，因此我需要以编程方式将其附加到DOM中。)</p>&

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

回答已采纳

1回答

使用Nuxt动态获取和编译模板

、

我想从遥控器中获取一个svg，并通过编译它来实现它。使用“带来生命”，我的意思是按类选择它的一些元素，并动态地向其中添加一个组件列表。现在，我只使用<div v-html="svg"/>，我的组件如下所示： return { }async created() { this.svg = res

浏览 2提问于2018-10-08得票数 4

1回答

我发现Vue.js特别吸引人。该项目允许用户从服务器上的目录中动态地将大量选择的.svg文件加载到DOM中，然后与它们交互(主要是单击更改单个路径元素的填充/线条颜色，由jQuery和处理)。经过一些研究和实验，我还没有找到使用Vue实现这一点的简单方法--据我所知，我需要手动编辑每个.svg文件，以便将(许多)绑定放在适当的位置，从而允许.svg的离散部分具有交互性。由于大量的文件和快速添加新文件的需要

浏览 75提问于2018-10-18得票数 2

回答已采纳

1回答

如何在react中动态渲染图像？

、

如何在react / typescript中动态渲染/导入图像？以下是我想要实现的目标。 MEDIAS.map((media) => (<img src={ 'assets/icons/

浏览 3提问于2021-04-19得票数 1

1回答

Vue2导出SVG元素作为文件下载

、、、、

这个使用pur javacript下载一个SVG作为文件。我想用Vue.js来做这个。我有一个svg，其中一个属性radius绑定到vue实例数据，并通过滑块动态控制。我希望可以通过单击按钮，随时将当前的svg元素作为svg文件下载。</text><button class="btn btn-primary btn-sm" @click="

浏览 1提问于2018-10-13得票数 2

回答已采纳

1回答

将JSON数据/响应(api响应)动态分配给itemsArray

、、

我是VueJs新手 “https://github.com/coreui/coreui-free-vue-admin-template/blob/master/src/views/base/Tables.vue我想将数据动态赋值给“someData”变量。我试着像下面这样绑定它，但它不起作用。如何使用axios动态绑定或通过webapi绑定？

浏览 15提问于2019-05-26得票数 0

回答已采纳

1回答

了解Vue.js CSS类绑定顺序

、、

，则Vue的类绑定会将该类放在结果绑定类列表的开头。这是我所期望的，因为组件设置了基本的css类，然后您可以在使用组件时通过向组件html元素添加类来自定义样式。然后，Vue将这些类绑定/连接在一起。在接下来的小提琴示例中，我将展示如何使用动态的css类(即不是静态字符串)。在这些情况下，Vue将组件的根元素类放在绑定

浏览 23提问于2019-03-06得票数 4

回答已采纳

1回答

在Vue组件中向SVG添加样式元素

、

我正在编写一个Vue组件，它动态地呈现一个SVG。通常在Vue模板中不允许使用<style>标记，但是在这种特殊情况下有允许它的方法吗？根据安装项目的方式()，下面的代码将抛出一个错误，或者生成一个没有样式标记的svg： <svg :width="svgWidth" :height="svgHeight"><style>rect{fill:red}</styl

浏览 2提问于2020-10-05得票数 3

回答已采纳

2回答

Vue.js + SVG地图-如何样式选定的项目？

、、、、

我有SVG地图和.selected类，它为选定的省添加了颜色： fill: brown;我不能直接将任何方法或事件添加到HTML中，因为我将使用不同的映射。我怎样才能用.selected类来实现呢？所以，如果我单击给定的省，它会得到一个.selected类，如果我单击另一个，前面的一个会丢失.selected类？下面是我的代码片段：

浏览 2提问于2019-03-26得票数 1

回答已采纳

2回答

在v-for循环中为类绑定访问数组项。

、

当使用Vue的动态类绑定使用三元操作符来绑定基于currentValue和循环数组中项的id的类时，Vue似乎完全忽略了该类。“第一”和“最后”类绑定都能工作，但是当使用item.id时，类永远不会被分配。但是，由于成功地发出了该事件并更新了currentValue变量，所以会触发该函数。ContentSwitcher.vue

浏览 0提问于2019-05-31得票数 1

回答已采纳

1回答

图像不能在v-for循环中使用v-bind显示。

、、

我知道关于如何使用v-bind在v-for中绑定到img src的问题和答案很多。然而，我花了一整天的时间徒劳地做实验。我为一个重复的问题道歉，但有人能帮我吗？我使用vue@2.6.12和@vue/cli 4.5.6。我试图在v循环中显示多个图像，将文件路径绑定到img .我在skills.json中有技能数据，试图在Skills.vue中显示它们。"name": "Azure", "logo"

浏览 3提问于2020-10-05得票数 0

回答已采纳

3回答