使用计算的Vuejs条件类

文章/答案/技术大牛

发布

1回答

vue.js

我正在学习Vuejs，根据记录，我看不到任何关于如何拥有条件类的文档或示例。我有一个带有变量‘taskClassComputed’的条件类： <div v-for="taskin currenttasks"

浏览 23提问于2020-10-12得票数 0

回答已采纳

1回答

在VueJS中，有没有一种方法可以让你绑定的样式对屏幕的大小变化做出反应？

css、vue.js、conditional-statements

我有一个div，它有条件地绑定到vueJS中的一个类。我的计算变量的公式使用Screen.width。它在第一次加载时似乎工作正常，但是如果我改变屏幕的大小，它不会与新的屏幕尺寸重新绑定，除非我刷新页面。有没有一种方法可以让我的有条件绑定来遵守屏幕上的变化？

浏览 24提问于2020-02-01得票数 0

回答已采纳

2回答

使用VueJS条件应用类

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

我试图使用一个class条件将一个<p>标记应用于<p>标记，但它根本无法工作，尽管它在JSfiddle上工作。我已经被困了三天了，请帮帮我。VueJS (在main.js中) el: "#test", selected: "2"});<div id

浏览 4提问于2020-03-22得票数 2

回答已采纳

1回答

vuejs中v-for元素中的动态插值计算方法名

vue.js

在我的项目vuejs中，使用ul li和v-for指令vuejs创建一个列表元素，如下所示： <li :class="{active: 'isActive+index'}" v-for有时是2，有时是3或4元素'isActive+index' 其中表示动态计算名称(已经存在)。但是很明显，这段代码没有运

浏览 8提问于2020-05-27得票数 0

回答已采纳

1回答

VueJS类条件

javascript、vue.js、vuejs2

我有一个菜单，我想知道是否有一种方法来添加一个类的子类条件。:如果在li中有"active“类，则为”open“类。}] } this.Menu = Data;} 我的菜单是生成这个本地对象的，路由和类"Active“运行良好。我想把条件放在“”类</e

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

回答已采纳

1回答

有关路由路径的动态类

vue.js

在Vue 2.6中，我有一个使用router-link呈现的链接，如下所示： <router-link class="nav-link" to="/about" v-if="isLogged"><iclass="fas fa-sun"></i> About</router-link> 关于路由{{ $route.path }}的值，我想添加一个类来获得如下的<

浏览 24提问于2020-07-24得票数 0

2回答

如果字段输入不正确，formErrors对象将获得一个带有正确错误文本的字符串变量。因此，在电子邮件的情况下，错误字符串将放入formErrors.email。这个字符串可以在显示错误的p元素中打印出来，甚至p元素的可见性也可以显示或隐藏，这取决于formErrors.email的状态，比如v-if="formErrors.email"。但是，当我尝试使用:class="{formErrors.email : text-red-primary}"给

浏览 8提问于2020-12-19得票数 0

回答已采纳

1回答

如何根据屏幕大小编写条件？

tailwind-css

我想根据屏幕大小设置一个条件。这在顺风中是可能的吗？或者下面的代码是最接近的？ <div class="sm:">

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

3回答

Vue类绑定，更好的语法？

vue.js、vuejs2

我有一个带有一些动态类的组件，但是它看起来有点混乱，我似乎无法找到更好的方法来编写它。vue中的类绑定有点让我困惑。我用的是帕格，但重点应该放在:class上我应该使用计算

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

回答已采纳

2回答

用vuejs计算的属性究竟是什么？

vue.js、vuejs2、computed-properties

下面有几个与计算属性相关的问题他们在询问具体的错误或逻辑有很多网站正在解释vuejs相关的概念。我在vuejs官方网

浏览 2提问于2019-04-21得票数 0

回答已采纳

2回答

根据数组VueJS中的键值对有条件地应用css类

css、arrays、vue.js、if-statement、conditional-statements

如何将条件CSS类添加到条件:1)如果sender_id != sender_id：添加到达的类2)如果sender_id == sender_id：添加交付类。目标是按照聊天应用程序中到达或传递的消息添加CSS样式。

浏览 5提问于2020-02-21得票数 0

回答已采纳

3回答

如何在vue中设置v-for的第一个元素的样式？

vue.js、nuxt.js

我想将active类设置为此代码中的第一个按钮： <button v-for="(item, index) in faq"= index" {{ item.question }} </button> 这意味着当页面加载时，如果有4个按钮在其中，第一个按钮应该有optional-red-outlined-btn类和active类，而其他的只

浏览 66提问于2021-08-11得票数 3

回答已采纳

1回答

将与VUEJS中的数据匹配的选项中的文本设为粗体

vue.js、vuejs2

因为我正在学习VUEJS，所以我被困在一个地方，需要在一个与数据库中的文本相匹配的<li>中将句子设置为粗体。2</li> </ul> </div> 我正在从数据库获取一个值，并使用

浏览 46提问于2020-11-02得票数 0

回答已采纳

5回答

VueJs条件车把

javascript、vue.js、eslint

我正在尝试使用VueJs的条件渲染，在VueJs2.0中使用handlebars，按照their documentation，但是eslint返回了错误： - avoid using JavaScriptexpression {{#if ok}} - avoid using JavaScript keyword as property name: "if" in expression {{/if}} VueJs

浏览 50提问于2017-08-08得票数 6

回答已采纳

4回答

如何在VueJS的v-if中使用多个条件？

vue.js、vuejs2

下面是我的代码： JavaScript let Names = [Name: "Josh"},Name: "Jonathan"}如何将两个条件放入

浏览 104提问于2017-11-28得票数 30

回答已采纳

1回答

Vuejs:如何根据条件给出模态大小

javascript、vue.js、bootstrap-vue

模态的大小是lg或大。对于一个特定的条件，如果条件，我希望大小为lg，而对于其他条件，我希望它作为md。是否有一种使用vuejs属性来实现此功能的方法。<b-modal id="modal-1" size="lg"></b-modal> 我正在寻找类似我们用于类</em

浏览 1提问于2020-05-26得票数 1

回答已采纳

2回答

VueJs条件类/样式绑定？

javascript、vue.js、vuetify.js

现在，我试图创建一个计算属性，如果我是我的$route.params.page === 'something'，那么第一个图标将被高亮显示，如果我是我的$route.params.page === 'something<v-icon>{{icon.icon}}</v-icon> </v-list></div>下面

浏览 0提问于2019-12-18得票数 0

回答已采纳

2回答

VueJS：：类，带索引的条件

vue.js

我正在创建一个列表(缩略图)2图像，@click每个图像应该扩展到最大宽度，通过添加上述类(‘max-w-满’)到类。类是通过设置具有相同索引nr的数组条目来添加的。将列表中的图像(imgclicked，imgclicked1)显示为1。using this.imgclicked[index] gives me the error 'this.imgclicked[0] is undefined'单击已启动的</

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

回答已采纳

3回答

Vuejs:类中的多个条件

javascript、vue.js

如果满足条件，我将试图突出显示表中的行；罚款>0或日期>今天的日期。 <td>{{ issue.datedue }}</td>我需要有两个(2)条件

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

回答已采纳

1回答

VueJS和JQuery更改类

jquery、vue.js、vee-validate

我有一些自定义的JQuery代码，可以侦听事件并添加一些类来形成元素(焦点、模糊、奇/偶等)。没什么大的，但我不想重写所有这些逻辑在VueJS中，因为所有的网站只使用JQuery和1页使用VueJS的复杂形式。我写了一个指令，在新的VueJS元素上启动JQuery代码，它正在工作。但是一些VueJS代码(在我的例子中是vee-validate指令插件，但它可以是任何<e

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

点击加载更多