小编Fel*_*raf的帖子

你如何在vue.js中切换一个类？

我有以下内容:

<th class="initial " v-on="click: myFilter">
    <span class="wkday">M</span>
</th>

new Vue({
  el: '#my-container',
  data: {},
  methods: {
    myFilter: function(){
      // some code to filter users
    }
  }
});

当我点击th我想要active作为一个类申请如下:

<th class="initial active" v-on="click: myFilter">
    <span class="wkday">M</span>
</th>      

这需要切换,即每次点击它需要添加/删除类.

你是如何在vue.js中做到这一点的？

在我的树枝模板也有一些需要每一页就像变量userName，userId或userImage。

将它们注入模板的最佳方法是什么？

我已经读过文章如何将变量注入所有模板，但是如何将变量（例如当前用户）写入config/packages/twig.php文件？

现在，每个控制器中都有这样的代码：

return $this->render('admin/users/index.html.twig', [
   "allUsers" => $allUsers,
   "pageTitle" => "Benutzerübersicht",
   "userName" => "Max Mustermann",
   "userId" => 5,
   "userImage" => "http://i.pravatar.cc/150?img=6"
]);

（这些只是示例值，因为我尚未集成Authentication，但想创建我的模板）

有没有比在每个控制器中注入每个变量更好的方法了？

正如您在此屏幕截图中看到的,图像不在.well元素中.在这里你可以看到我的源代码:

<article class="well">
    <header>
        <h3>News mit Bild</h3>
        <p>
            <span class="glyphicon glyphicon-user"></span> Geschrieben von: <a href="#">TupidaMC</a><br/>
            <span class="glyphicon glyphicon-time"></span> Veröffentlicht am 13.11.2014 um 21:23
        </p>
    </header>
        <p class="news-content">... text ...</p>
        <img class="img-thumbnail news-pic" src="http://placekitten.com/g/350/251" />
        <p class="news-content">... text ...</p>
</article>

CSS:

.news-pic{
     float: right;
}

我想得到一些反响.