Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead

¥20.00

vue的项目中想要动态的修改div的class,使用下面代码里面的方式来执行,一直编译报错如下面,这个是咋回事


Errors compiling template:

  class="{{ sexBg }}": Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead. For
example, instead of <div class="{{ val }}">, use <div :class="val">.

  2  |  <div class="top-aside">
  3  |    <!-- 季度评价 -->
  4  |    <div class="{{ sexBg }}">
     |         ^^^^^^^^^^^^^^^^^^^
  5  |      <div class="quarterly-evaluation-row" style="padding-right: 20px;">
  6  |        <div class="quarterly-evaluation-result">

最佳解决方案

原因分析

vue 2.x不支持对属性使用插值{{}}的方式赋值,要用v-bind指令或简写“:”来指定属性; 而且你这里面动态绑定属性值时不可以使用花括号

修改如下:

<div v-bind:class="sexBg ">

或者

<div :class=" sexBg ">


奋斗第一 T0 被采纳率100%
2021-04-03 16:43
打赏 0 0
页面统计
117 访问
0 帮助
0.00 打赏

hierror 2019 © hierror.com 京ICP备13026190号-1

通知消息
  • 暂无任何消息