小编Kri*_* J.的帖子

解析器“ babylon”已弃用错误-Webpack构建

升级项目JS软件包后,使用Webpack构建捆绑包时出现错误。它似乎在构建.vue文件时出现,并且可以出现在任何.vue文件构建中。我的package.json中没有“ babylon”,并且我有一个更新的@ babel / core版本(7.2.2)。

这是错误:

{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }
Run Code Online (Sandbox Code Playgroud)

它似乎仅在生成.vue文件时出现。

这是我的配置:

.babelrc

{
  "presets": ["@babel/preset-env"],
  "plugins": ["@babel/plugin-transform-regenerator"]
}
Run Code Online (Sandbox Code Playgroud)

Webpack配置:

module: {
rules: [
  {
    enforce: 'pre',
    test: /\.(js|vue)$/,
    loader: 'eslint-loader',
    exclude: /node_modules/
  },
  {
    test: /\.vue$/,
    loader: 'vue-loader',
    options: {
      loaders: {
        scss: 'vue-style-loader!css-loader!sass-loader',
        sass: 'vue-style-loader!css-loader!sass-loader?indentedSyntax'
      }
    }
  },
  {
    test: /\.js$/,
    exclude: /node_modules/,
    use: [ 'babel-loader' ]
  },
  {
    test: /\.sass$/,
    exclude: /node_modules/,
    use: ExtractTextPlugin.extract({
      fallback: 'style-loader', …
Run Code Online (Sandbox Code Playgroud)

babel eslint webpack babel-loader eslintrc

6
推荐指数
1
解决办法
9889
查看次数

计算属性未随 props 更改而更新

当传递的 prop 对象中的嵌套属性发生更改时,我无法更新计算属性。

this.favourite通过 props 传递,但当this.favourite.selectedChoices.second.idthis.favourite.selectedChoices.first.id更改时,计算属性不会更新。

关于如何使其具有反应性的任何想法?

这是计算的属性:

isDisabled() {
  const hasMultipleChoices = this.favourite.choices.length
    ? this.favourite.choices[0].value.some(value => value.choices.length) : 
    false;

  if (hasMultipleChoices && !this.favourite.selectedChoices.second.id) {
    return true;
  } else if (this.favourite.choices.length && !this.favourite.selectedChoices.first.id) {
    return true;
  }

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

vue.js computed-properties vuejs2 vue-reactivity

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

Vuex getter 不更新状态更改

当状态对象更改时,我无法更新 vuex getter。我正在尝试让 vuex getter 返回状态对象中值的总和,并带有一个 reduce 函数。

// Mutation
state.shippingFees[method.sellerId] = method.fee; // state.shippingFees = { 1: 1900 }; etc.

// Getter
totalShippingFees: state => Object.values(state.shippingFees).reduce((total, fee) => total + fee, 0)
Run Code Online (Sandbox Code Playgroud)

在 state.shippingFees 对象中设置运费键值对后,getter 仍然只返回 0。

javascript vue.js vuex vuejs2

4
推荐指数
2
解决办法
8202
查看次数

使用Vue.js跨浏览器选项卡反应localStorage对象

我正在尝试使localStorage对象具有反应性,因此如果它更新,它也将使用同一个对象在其他选项卡中更新.我正在使用Vue.js并尝试创建一个返回localStorage对象的计算属性,但这不起作用.如何使对象具有反应性并使其在其他浏览器选项卡中更新?

computed: {
  localStorageObject() {
    return JSON.parse(localStorage.getItem('object'));
  }
}
Run Code Online (Sandbox Code Playgroud)

local-storage vue.js vuejs2

0
推荐指数
1
解决办法
874
查看次数

可以仅使用CSS进行此设计吗?

在此处输入图片说明 https://i.imgur.com/D69glPV.png-我正在尝试使用CSS / HTML创建此设计。我最初的想法是创建一个白色的“ wave”容器,将带有SVG形状的图标包装起来,但是我想知道您是否真的可以仅使用CSS做到这一点?你们将如何处理呢?:)

html css html5 svg css3

-9
推荐指数
1
解决办法
84
查看次数