Javascript 在Vuejs中的v-for中使用v-if显示条件按钮

Javascript 在Vuejs中的v-for中使用v-if显示条件按钮,javascript,vue.js,axios,v-for,Javascript,Vue.js,Axios,V For,我想使用v-if(仅当category_id=1时)显示v-for循环中的条件按钮: 这是vuejs部分: 白汁 胭脂酱 {{category.category_des}} 这是我的javascript部分: 从“axios”导入axios; 导出默认值{ 数据(){ 返回{ 类别:[], 类别标识:空, 第1类:, }; }, 方法:{ getCategory:函数(){ axios.get(“http://127.0.0.1:8000/api/Category/)然后((回应)=>{ t

我想使用v-if(仅当category_id=1时)显示v-for循环中的条件按钮: 这是vuejs部分:


白汁
胭脂酱
{{category.category_des}}
这是我的javascript部分:

从“axios”导入axios;
导出默认值{
数据(){
返回{
类别:[],
类别标识:空,
第1类:,
};
},
方法:{
getCategory:函数(){
axios.get(“http://127.0.0.1:8000/api/Category/)然后((回应)=>{
this.categoris=response.data;
});
},

--按钮--
这假设category\u id是一个字符串。如果它是一个数字,请去掉小引号。

v-if=“category.category\u id='1'
总是
true
,因为您使用了赋值运算符(
=
),而不是
相等运算符(
=
)或引用相等运算符(
==

将此更改为:
v-if=“category.category\u id=='1'

像这样试试
v-if=“category.category\u id=='1'
你的
v-if
中刚刚有一个输入错误,
=
需要是
=='code>或
=='code>。总是仔细检查你的等号,这是很容易犯的错误!
<template v-if="category.category_id === '1'">
  --buttons-- 
</template>