小编mat*_*per的帖子

我将过滤器从vue 1迁移到vue 2时遇到问题,我在这里创建了我需要的东西(突出显示与输入文本匹配的文本):

Vue.component('demo-grid', {
  template: '#grid-template',
  props: {
    filterKey: String
  },
  data: function () {
    return {
     searchParams: [
     { key: '' }
     ],
      suggestions: [
        { message: 'Foo' },
        { message: 'Bar' },
        { message: 'Foobar' },
        { message: 'pikachu' },
        { message: 'raichu' }
      ]
    }
  },
  filters: {
    highlight: function(words, query){
        var iQuery = new RegExp(query, "ig");
        return words.replace(iQuery, function(matchedTxt,a,b){
            return ('<span class=\'highlight\'>' + matchedTxt + '</span>');
        });
    }
  }
})


// bootstrap the demo
var …

你好，谁能帮我解决这个问题，我希望 lorem ipsum 在每个里都有相同的高度，但不是最大高度。当我有 4 行标题时，我希望每个标题都有 4 行高度

h2 {
  margin-top: 0;
    flex: 1 0 auto
}

这里的例子：

https://codepen.io/anon/pen/qxvJqw

我想实现这样的东西，但不是 flex: 0 1 100px 或类似的东西我想灵活一些，当最大的标题有 4 行时，所有的标题都有 4 行，当最大的标题有 2 行时，所有的标题都有两行 我将非常感谢您的帮助谢谢