小编Har*_*lam的帖子

如何访问vue.js应用程序中的JSON对象我是新手

import json from './json/data.json'

加载JSON文件,现在我必须访问其中的对象

下面给出的代码不适用于我的角度html文件,但如果我在html文件中单独使用此代码,它可以工作,我不知道我做错了这只是一个简单的表单.

<form action='https://easypaystg.easypaisa.com.pk/easypay/Index.jsf' method='post'>
    <input  name='storeId' value='4950'>
    <input  name='amount' value='1000'>
    <input  name='postBackURL' value='https://easypaystg.easypaisa.com.pk/easypay/Confirm.jsf'>
    <input  name='orderRefNum' value='123113'>
    <input  name='merchantHashedReq' value='6ohsP8x3PpiaI4oNirWGwjVkyMLP4CbzcH6pZwvu9SViOzx9nLxyR/TtJhwFrxBU686Wf1z22G+TBxuo5QkSscuXp266qQWx8AbGWnLXxG79LHt+5VlD+lH2JkjKO997adwVHH6mGNm8ldtAKkRyf/E92QF5PwhWMjq8i4dlbABIjJxnwPS3x13R/Nbfmlugkz7XpX20DmZ0IhPuGBR95sOpDATIjfW51fuStCVVni4='>
    <input  name='autoRedirect' value='0'>
    <input  name='paymentMethod' value='CC_PAYMENT_METHOD'>
    <input  name='emailAddr' value='johndoe@live.com'>
    <input  name='mobileNum' value='0123455500'>
    <button type="submit" class="btn btn-success" >Submit</button>
    <input type='submit' value='asdasd' class="btn">
</form>

我想在我的div元素上实现这个活动链接,你可以看到我想用我的代码做的例子

http://jsfiddle.net/fiddleyetu/9ff79/

$(function() {
  $( 'ul.nav li' ).on( 'click', function() {
        $( this ).parent().find( 'li.active' ).removeClass( 'active' );
        $( this ).addClass( 'active' );
  });
});

在这里使用vue.js我不能在我的div元素上做活动链接

这是我的代码,我必须在其中激活链接

    <div class="conversion">
    <div class="file has-text-centered icon-active-color" v-on:click="activeiconc">
        <img src="../imgs/png.png"/>    
        <h4>.PNG</h4>
    </div>
    <div class="file has-text-centered" v-on:click="activeicon" v-bind:class="{ 'icon-active-color':activeiconc,}">
        <img src="../imgs/pdf.png"/>
        <h4>.PDF</h4>
    </div>
    <div class="file has-text-centered" v-on:click="activeicon" v-bind:class="{ 'icon-active-color':activeiconc }">
        <img src="../imgs/jpg.png"/>
        <h4>.JPG</h4>
    </div>
    <div class="file has-text-centered" v-on:click="activeicon" v-bind:class="{ 'icon-active-color':activeiconc }">
        <img src="../imgs/psd.png"/>
        <h4>.PSD</h4>
    </div>
</div>

JS

 export default {
components: {
  MainLayout
},
    data: …

我想在这里使用php在json数组上应用条件,只显示类型为discursive的数据

我的json文件

这是我正在尝试的代码,但它没有显示我想要的数据

 <?php
  $obj2 = json_decode($blog_data);
  foreach(array_reverse($obj2->blogs) as $blog)
  {
    if($obj2>b_type == 'discursive')
  {
  ?>
      <h3> <?php echo $blog->name; ?></h3>
      <span> <?php echo $blog->date; ?> </span>
        <p><?php echo $blog->b_text; ?></p>
   <?php
  }
  else{
    echo "no discursive event";
  }
  }
 ?>