vue动态加载图片,取消格式验证

vue

一. 动态加载图片 (以vue模板为例)

app.vue 代码如下: 

<template>
  <div id="app">
    <img :src="Url" :class="icont">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'app',
  data () {
      return {
          icont: 'play',
          Url: require('./assets/logo.png')
      }
  }
}
</script>

二. 取消格式验证;(针对vue-cli脚手架)

  1.创建模板时  Use ESLint to lint your code? No

  2. 注释或删除以下代码后,重新打开编辑器

     build --->webpack.base.conf.js

   {
        test: /.(js|vue)$/,
        loader: 'eslint-loader',
        enforce: 'pre',
        include: [resolve('src'), resolve('test')],
        options: {
          formatter: require('eslint-friendly-formatter')
        }
      }

 

原文地址:https://www.cnblogs.com/wangyihong/p/6868411.html