Vuejs2 vue.js将插值传递给属性(类)绑定的方法
我正在使用v-for创建动态生成的按钮列表。我希望按钮根据按钮实体是否包含在应用程序状态对象的数组中而改变颜色。(我使用的是vuetify,这就是为什么按钮对象是v-btn)Vuejs2 vue.js将插值传递给属性(类)绑定的方法,vuejs2,vuetify.js,string-interpolation,Vuejs2,Vuetify.js,String Interpolation,我正在使用v-for创建动态生成的按钮列表。我希望按钮根据按钮实体是否包含在应用程序状态对象的数组中而改变颜色。(我使用的是vuetify,这就是为什么按钮对象是v-btn) {{x} toggleX是一种从状态数组中添加或删除x值的方法;xIsSelected是一个根据x是否在状态数组中返回true或false的方法 方法调用正在工作:我可以从开发人员工具调用它们,如果我用数组值硬编码按钮和方法调用,它也可以工作。问题是,{x}的插值没有传递到方法调用中,而是传递了文本“{x}”。我尝试过
{{x}
toggleX是一种从状态数组中添加或删除x值的方法;xIsSelected是一个根据x是否在状态数组中返回true或false的方法
方法调用正在工作:我可以从开发人员工具调用它们,如果我用数组值硬编码按钮和方法调用,它也可以工作。问题是,{x}的插值没有传递到方法调用中,而是传递了文本“{x}”。我尝试过使用类语法,但无法理解引号、双引号和反勾号 要通过
x
您只需编写:
:color="xIsSelected(x) ? 'blue' : 'purple'"
与
v-bind
(或缩写:
)绑定的属性已经是JavaScript表达式,它们可以直接访问x
。无需在该表达式中引入任何其他形式的模板或插值。要传递x
,只需编写:
:color="xIsSelected(x) ? 'blue' : 'purple'"
与
v-bind
(或缩写:
)绑定的属性已经是JavaScript表达式,它们可以直接访问x
。无需在该表达式中引入任何其他形式的模板或插值。要通过x
只需写入xIsSelected(x)
。DOH!谢谢你。你能不能把它作为一个答案而不是一个评论,这样我就可以把它标记为解决方案。要通过x
只需写xIsSelected(x)
。DOH!谢谢你。你能把它作为一个答案而不是一个评论,这样我就可以把它标记为解决方案了。