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

  • Z时代
  • 2024-01-10
  • 分类：综合

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

　

以上是 vue动态加载图片，取消格式验证 的全部内容， 来源链接： utcz.com/z/374573.html

回到顶部