vue绑定变量时不识别“-“” ，绑定bootstrap的包含 “-” 的类报错

最新推荐文章于 2022-04-13 10:43:09 发布

klausse

最新推荐文章于 2022-04-13 10:43:09 发布

阅读量333

点赞数

分类专栏：问题文章标签： vue bootstrap html css vue.js

本文链接：https://blog.csdn.net/qq_21166791/article/details/104663212

版权

问题专栏收录该内容

8 篇文章 0 订阅

订阅专栏

用vue绑定class时，发现 bootstrap中包含 “-” 的类，都会报错，更改后就正常使用

类似这样 :class="[col-md-1 : true, col-md-2 :false]"

如果更换为不带有 “-” 的类，就可以正常使用。

除了自己再重新写个class,请问有没有其他解决方案？

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

klausse

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Vue+ElementUI获取不到后台的数据（已排除Vue的原因）

lena blog

08-21

1612

此前已经排除了vue的问题。（通过控制台打印结果正确、axios写的路径获取的到数据。）问题：在elementUI的表格代码中，想要遍历后台获取的信息（Page封装的），我采用了"v-for"和"{{}}"获取数据。如下：  <template> <el-table style="width: 100%" v-for="(passage) in pass

Vue数据绑定的解析

QIU的博客

07-26

173

一、VUE2.0双向数据绑定 1.Object.defineProperty定义定义：定义属性。可以用来对数据的劫持操作。何为数据劫持呢？就是在我们访问或者修改某个对象的某个属性的时候，通过一段代码进行拦截行为，然后进行额外的操作，然后返回结果。 2.简单实现双向数据绑定 <body> <div id="app"> <input type="text" /> </div> <script> c

1 条评论您还未登录，请先登录后发表或查看评论

Vue属性中带’-‘的处理方式

weixin_33735077的博客

06-04

362

我们在写属性时经常会加入’-‘来进行分词，比如：<panda from-here=”China”></panda>，那这时我们在props里如果写成props:[‘form-here’]是错误的，我们必须用小驼峰式写法props:[‘formHere’]。转载于:https://www.cnblogs.com/Model-Zachary/p/694101...

bootstrap Idea识别不了

m0_59605357的博客

09-22

1491

问题：解决方案：注：首先确定是否成功加载所需的依赖，在pom文件里，检查：File Types是否正确 1.打开项目管理 2.选中bootstrap文件所在的工程， 3. 在spring config name 搜索框里搜索bootstrap配置文件，不要再目录里面寻找 4.然后点击ok，Apply，Idea就可以识别了， ...

VUE 非原生标签（img等）标签src属性的相对路径在热更新时解析错误问题的解决(使用bootstrap-vue框架)...

weixin_34346099的博客

09-09

388

在使用bootstrap-vue框架时，bootstrap-vue的自定义组件如<b-img src=''>,<b-card img-src=''>中的相对图片地址在vue热更新时被解析成热更新的根目录地址下的图片路径，即项目目录下的static目录下，所以热更新是图片将会404。但是以http开头的地址不受影响。...

使用Bootstrap-Vue将Bootstrap与Vue.js集成

culi4814的博客

09-02

2323

In this article, we’ll explore how to integrate Bootstrap with Vue.js using Bootstrap-Vue. 在本文中，我们将探讨如何使用Bootstrap-Vue将Bootstrap与Vue.js集成。 React and Vue.js are two leading, modern JavaScript framewo...

vue-bootstrap-boilerplate:Vue 3，Bootstrap 5样板

03-09

Vue 3 和 Bootstrap 5 的结合为开发现代Web应用程序提供了一个强大的基础。Vue 3 是 Vue.js 框架的最新版本，它引入了多项改进和优化，旨在提高性能、可维护性和开发体验。Bootstrap 5，则是流行的前端UI框架，用于...

解决VUE双向绑定失效的问题

10-16

在前端开发中，Vue.js是一个流行的渐进式JavaScript框架，它的核心特性之一是实现了数据驱动视图和视图驱动数据的双向绑定。然而，在实际开发过程中，我们可能会遇到双向绑定失效的问题。当遇到这种情况时，我们通常...

vue-978-1-7882-9092-0:Vue.js 2 和 Bootstrap 4 Web 开发

05-30

在本项目"vue-978-1-7882-9092-0:Vue.js 2 和 Bootstrap 4 Web 开发"中，我们聚焦于利用Vue.js 2框架与Bootstrap 4框架来构建高效且美观的Web应用程序。Vue.js 2是一款轻量级、高性能的前端JavaScript框架，而...

基于Vue.js和Bootstrap构建和响应式管理面板-javascript

06-21

- **事件处理**：Vue的`v-on`指令可以方便地绑定Bootstrap组件的事件，如点击按钮触发函数。 4. **vuestic-admin项目** - `vuestic-admin-master`这个压缩包很可能包含了`vuestic-admin`项目的源代码，这是一个...

Vue -- 关于函数调用时加不加括号的问题

天行健君子以自强不息，地势坤君子以厚德载物。

09-12

2752

1. 关于函数调用时加不加括号的问题 1.1 函数不传参: 1.1.1 调用时不加() 如果函数不传参，推荐不加括号，示例: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>事件的基本使用</title>  <script type="text/javascript" src="../js/vue.js

vue动态绑定class的几种方式

热门推荐

前端那点事的博客

10-30

11万+

#####对象方法 -最简单的绑定（这里的active加不加单引号都可以，以下也一样都能渲染） :class="{ 'active': isActive }" 判断是否绑定一个active :class="{'active':isActive==-1}" 或者 :class="{'active':isActive==index}" 绑定并判断多个第一种（用

Vue不识别<br>标签

楊帥

03-06

4319

问题描述：如图，标签内直接输入标签生效，当使用变量的时候，变量中的不识别。 &lt;!--详情--&gt; &lt;div&gt; &lt;p&gt;开发者的话&lt;/p&gt;› &lt;p&gt;{{details.intro}}&lt;/p&gt; &lt;/div

Vue.js绑定class属性

tanxinji的博客

12-25

3255

绑定class属性的格式是 v-bind:class = "语句", 可以缩写为 :class ="语句" 。class属性是可以有多个的，在" "内可以有多种不同的情况。目录一、" "内是vue对象内存在的对象二、" " 内为 [ ] 数组三、 " "内为 { } json对象一、" "内是vue对象内存在的对象 :class = " 语句"，语句中传入的是vue建立的变量，计算属性，函数等的时候，就会把v...

SpringCloud项目中无法识别bootstrap.yml的问题

wh2574021892的博客

04-13

2342

SpringCloud bootstrap.yml

bootstrap文件不能被识别_使用 IDA 处理 U-Boot 二进制流文件

weixin_39759890的博客

11-22

296

作者：Hcamael@知道创宇404实验室原文链接：https://paper.seebug.org/1090/ 最近在研究IoT设备的过程中遇到一种情况。一个IoT设备，官方不提供固件包，网上也搜不到相关的固件包，所以我从flash中直接读取。因为系统是VxWorks，能看到flash布局，所以能很容易把uboot/firmware从flash中分解出来。对于firmware的部分前一半左右是通...

"前端Bootstrap Es6 vue学习笔记-基础环境配置和样式排版

综上所述，前端Bootstrap Es6 vue学习笔记囊括了前端开发的关键技术，包括基础环境配置、样式排版、响应式布局、组件、内置插件、HTML5 CSS3支持、LESS动态样式和Vue.js等。通过学习这些技术，我们可以更好地进行...

vue绑定变量时不识别“-“” ， 绑定bootstrap的包含 “-” 的类报错

vue绑定变量时不识别“-“” ，绑定bootstrap的包含 “-” 的类报错