:class="{'mui-active': result===2}" v-bind:class条件报错解决

错误

vue.js:634 [Vue warn]: Error compiling template:

invalid expression: Unexpected token - in

    {mui-active: result===1}

  Raw expression: :class="{mui-active: result===1}"


44 |  					<div class="aui-grid ">
45 |  						<div id="segmentedControls" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical">
46 |  							<div class="aui-col-xs-4 aui-padded-10" :class="{mui-active: result===1}">
   |                                                 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
47 |  								<a class="mui-control-item" href="#content1">
48 |  									<span class="aui-tab-left-item">未成交</span>

(found in <Root>)

解决

在class上加单引号

:class="{'mui-active': result===2}">