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')
        }
      }

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM