小编Xin*_*g L的帖子

如何在 vue 模板中定义变量?

问题

我需要在 Vue 模板中临时存储方法调用的结果。这在循环内部特别常见,我无法轻松使用计算属性。

<ul>
  <li v-for="vehicleType in vehicleTypes" :key="vehicleType">
    <h3>{{ vehicleType }}</h3>
    <div v-if="getVehicleTypeData(vehicleType)">
     {{ getVehicleTypeData(vehicleType).costPerMile }}<br>
     {{ getVehicleTypeData(vehicleType).costPerHour }}<br>
    </div>
  </li>
</ul>
Run Code Online (Sandbox Code Playgroud)

Javascript 片段:

getVehicleTypeData: function(vehicleType){
    let options = _.find(this.vehicleTypeOptions, (obj)=>{
      return obj.vehicleType==vehicleType;
    });

    return options;
}
Run Code Online (Sandbox Code Playgroud)

为了提高性能,我真的需要一个变量来存储方法调用结果。

Vue 有什么方法可以解决这个问题?

javascript vue.js vue-component

6
推荐指数
2
解决办法
2万
查看次数

可以同时使用 Tailwind css 和 Bootstrap 4 吗?

我的项目目前是使用 BootstrapVue 组件的 Vuejs(似乎使用 bootstrap 4 css)。

我正在尝试将 Tailwind css 用于新的自定义组件。

是否可以同时使用它们?

谢谢你。

vue.js bootstrap-4 vue-component tailwind-css

5
推荐指数
5
解决办法
5497
查看次数

rails 5,rbenv-Rails控制台无法启动-库未加载:/usr/local/opt/readline/lib/libreadline.7.dylib(LoadError)

当我在终端中运行“ rails c”命令时,由于某种原因它无法启动rails控制台并引发错误。我正在使用rbenv运行Rails 5.2.2。

rails c
Run Code Online (Sandbox Code Playgroud)

它引发以下错误。

Running via Spring preloader in process 13912
Traceback (most recent call last):
    50: from -e:1:in `<main>'
    49: from /Users/wemteq/.rbenv/versions/2.5.0/lib/ruby/2.5.0/rubygems/core_ext/kernel_require.rb:59:in `require'
    48: from /Users/wemteq/.rbenv/versions/2.5.0/lib/ruby/2.5.0/rubygems/core_ext/kernel_require.rb:59:in `require'
    47: from /Users/wemteq/.rbenv/versions/2.5.0/lib/ruby/gems/2.5.0/gems/activesupport-5.2.2/lib/active_support/dependencies.rb:285:in `load'
    ...
     7: from /Users/wemteq/.rbenv/versions/2.5.0/lib/ruby/gems/2.5.0/gems/activesupport-5.2.2/lib/active_support/dependencies.rb:291:in `require'
     6: from /Users/wemteq/.rbenv/versions/2.5.0/lib/ruby/gems/2.5.0/gems/activesupport-5.2.2/lib/active_support/dependencies.rb:257:in `load_dependency'
     5: from /Users/wemteq/.rbenv/versions/2.5.0/lib/ruby/gems/2.5.0/gems/activesupport-5.2.2/lib/active_support/dependencies.rb:291:in `block in require'
     4: from /Users/wemteq/.rbenv/versions/2.5.0/lib/ruby/gems/2.5.0/gems/bootsnap-1.3.2/lib/bootsnap/load_path_cache/core_ext/kernel_require.rb:29:in `require'
     3: from /Users/wemteq/.rbenv/versions/2.5.0/lib/ruby/gems/2.5.0/gems/bootsnap-1.3.2/lib/bootsnap/load_path_cache/core_ext/kernel_require.rb:20:in `require_with_bootsnap_lfi'
     2: from /Users/wemteq/.rbenv/versions/2.5.0/lib/ruby/gems/2.5.0/gems/bootsnap-1.3.2/lib/bootsnap/load_path_cache/loaded_features_index.rb:65:in `register'
     1: from /Users/wemteq/.rbenv/versions/2.5.0/lib/ruby/gems/2.5.0/gems/bootsnap-1.3.2/lib/bootsnap/load_path_cache/core_ext/kernel_require.rb:21:in `block in require_with_bootsnap_lfi'
/Users/wemteq/.rbenv/versions/2.5.0/lib/ruby/gems/2.5.0/gems/bootsnap-1.3.2/lib/bootsnap/load_path_cache/core_ext/kernel_require.rb:21:in `require': dlopen(/Users/wemteq/.rbenv/versions/2.5.0/lib/ruby/2.5.0/x86_64-darwin17/readline.bundle, 9): Library not loaded: /usr/local/opt/readline/lib/libreadline.7.dylib (LoadError)
  Referenced from: /Users/wemteq/.rbenv/versions/2.5.0/lib/ruby/2.5.0/x86_64-darwin17/readline.bundle …
Run Code Online (Sandbox Code Playgroud)

console ruby-on-rails rbenv

3
推荐指数
1
解决办法
644
查看次数