为什么vue里面这个三元不起作用

Question

为啥我这个三元不起作用呢

Answer 1

是你使用的方式不对。

style里应该写的是css代码，你把disabled写进去，又不是合法css代码自然会失效啦..

如果你是想用disabled的话，应该是：
<el-select v-model="value" :disabled="disabled" placeholder="请选择">

这样甚至连三元表达式都不用..

Answer 2

:style 些样式
:css些类名

Answer 3

这里style里面的是一个对象，key表示要添加的classname，所以你这里不需要后面的三元表达式，直接用一个变量 isDisabled来记录。
然后用：styles=“{'disabled':isDisDisabled}”

Answer 4

css没有disabled

Answer 5

disabled是属性 不是样式

Answer 6

建议使用v-bind:class属性：

<div :class="classA ? 'aaaCLs' : 'bbbCls' ">Demo</div>