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