个人中心
gpt4 book ai didi

php - 如果值为 true，则为每个项目添加类

转载 作者：行者123 更新时间：2023-11-29 17:48:22 26 4
gpt4 key购买 nike

帮助我遇到了严重的麻烦，我正在尝试从 mysql 查询获取所有结果并显示它们。对于每个结果 if Automotive = 1 我想将一个类添加到名为 auto 的段落标记中。如果 Gaming = 1 我想添加一个名为 games 的类。一些结果将汽车和游戏设置为一。在这种情况下，我想将这两个类添加到元素中。我如何在 php 中执行此操作？我一直遇到的问题是某些元素正在获取它们不应该拥有的类。似乎它为每个项目添加了相同的类。即使它们没有值 1。再次针对每个结果检查 Gaming 是否 = 1 并将 Gaming 类添加到该段落中。如果 Automotive =1，则将 Automotive 类添加到段落中；如果两个类 =1，则添加它们，依此类推。我需要这些类才能工作，以便我可以在 jquery/vuejs 中有条件地显示和隐藏它们。这是代码。 

<?php require_once('init.php');

$query="SELECT * FROM `bannerStock`";
$result = mysqli_query($db_conx, $query);
while($row=mysqli_fetch_assoc($result)) {
         $categorytoadd="";
      if($row['Automotive']==1){$categorytoadd.=' Automotive';}
                                if($row['Backgrounds']==1){$categorytoadd.=' Backgrounds';}
                                if($row['Church']==1){$categorytoadd.=' Church';}
                                if($row['Community']==1){$categorytoadd.=' Community';}
                                if($row['Money']==1){$categorytoadd.=' Money';}
                                if($row['Food']==1){$categorytoadd.=' Food';}
                                if($row['Gaming']==1){$categorytoadd.=' Gaming';}
                                if($row['Healthcare']==1){$categorytoadd.=' Healthcare';}
                                if($row['Holidays']==1){$categorytoadd.=' Holidays';}
                                if($row['Sports']==1){$categorytoadd.=' Sports';}
                                if($row['Patriotic']==1){$categorytoadd.=' Patriotic';}
                                if($row['Retail']==1){$categorytoadd.=' Retail';}
                                if($row['Education']==1){$categorytoadd.=' Education';}
                                if($row['Misc']==1){$categorytoadd.=' Misc';}
    $myArray[] = $row;
}
?>

<!doctype html>
<html>
<head>
  <script src="https://unpkg.com/vue"></script><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
  <div id="app">
      <input type='text' v-model='keyword' placeholder='search item'>
  <button>ALL</button>
      <button v-on:click="showgaming">Gaming</button>
      <button v-on:click="showchurch">Church</button>
      <button v-on:click="showauto">Auto</button>
      <div v-for="item in filteredItemList">
<p class="video <?php echo $categorytoadd; ?>">{{item.name_short}}</p>
    </div>
  </div>
  <script>
  var app = new Vue({
    el: '#app',
    data: {
      itemList: [],
        keyword:'',
        showall:'0',
    },
    created: function() {
        this.loaddata();
    },
    methods: {
            loaddata: function(){
                  var vueapp = this;
                        vueapp.itemList = <?php echo json_encode($myArray, JSON_PRETTY_PRINT); ?>;
                },
        showgaming: function(){
            $('.video:not(.Gaming)').hide();
        },
                showauto: function(){
            $('.video:not(.Automotive)').hide();
        },
                        showchurch: function(){
            $('.video:not(.Church)').hide();
        },
    },
        computed:{
    filteredItemList(){
      return this.itemList.filter((item) => {
        return item.name_short.toLowerCase().includes(this.keyword.toLowerCase());
      });
    },
  }
  });
  </script>
</body>
</html>

最佳答案

1) 在 while 之外定义 $myArray:

$myArray = [];

2) 将类添加到行本身并将其推送到数组(这在 while 内部):

$row['class'] = $categorytoadd;
array_push($myArray, $row);

3)最后，在显示项目时使用行类:

<p :class="['video', item.class]">{{ item.name_short }}</p>

关于php - 如果值为 true，则为每个项目添加类，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49614960/

26 4 0
文章推荐： php - 使用相关表中的数据查询设置值
文章推荐： php - PDO 准备()仅在一台服务器上失败
文章推荐： PHP mySQL 更新行函数未按预期工作 - SQLSTATE[42000] : Syntax error or access violation: 1064
文章推荐： mysql - 从数据库调用后，我的 Base64 图像以不同的格式返回
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com