VUE 报Warning:the "scope" attribute for scoped slots have been deprecated and replaced by "slot-scope

具体报错信息

Module Warning (from ./node_modules/vue-loader/lib/loaders/templateLoader.js):
(Emitted value instead of an instance of Error) the "scope" attribute for scoped slots have been deprecated and replaced by "slot-scope" since 2.5. The new "slot-scope" attribute can also be used on plain elements in addition to <template> to denote scoped slots.

原因

      <template slot="$expand" scope="scope">
        {{ `My name is ${scope.row.name},
        this rowIndex is ${scope.rowIndex}.`
        }}
      template>
      <template slot="likes" scope="scope">
        {{ scope.row.likes.join(',') }}
      template>

scope在vue 2.5之后被slot-scope替换掉了,因此需要更改成slot-scope

解决办法

	  <template slot="$expand" slot-scope="scope">
        {{ `My name is ${scope.row.name},
        this rowIndex is ${scope.rowIndex}.`
        }}
      template>
      <template slot="likes" slot-scope="scope">
        {{ scope.row.likes.join(',') }}
      template>

你可能感兴趣的:(前端)