Image: add support for transmit "attrs" and "listeners"

packages/image/src/main.vue

@@ -9,8 +9,9 @@
     <img
       v-else
       class="el-image__inner"
+      v-bind="$attrs"
+      v-on="$listeners"
       :src="src"
-      :alt="alt"
       :style="imageStyle"
       :class="{ 'el-image__inner--center': alignCenter }">
   </div>
@@ -41,8 +42,7 @@
       src: String,
       fit: String,
       lazy: Boolean,
-      scrollContainer: {},
-      alt: String
+      scrollContainer: {}
     },
 
     data() {
@@ -102,6 +102,14 @@
         const img = new Image();
         img.onload = e => this.handleLoad(e, img);
         img.onerror = this.handleError.bind(this);
+
+        // bind html attrs
+        // so it can behave consistently
+        Object.keys(this.$attrs)
+          .forEach((key) => {
+            const value = this.$attrs[key];
+            img.setAttribute(key, value);
+          });
         img.src = this.src;
       },
       handleLoad(e, img) {

test/unit/specs/image.spec.js

@@ -64,5 +64,52 @@ describe('Image', () => {
     await wait();
     expect(image2.loading).to.be.false;
   });
+
+  it('$attrs', async() => {
+    vm = createVue({
+      template: `
+        <el-image
+          alt="$attrs test"
+          referrerpolicy="origin"
+          :src="src"></el-image>
+      `,
+      data() {
+        return {
+          src
+        };
+      }
+    }, true);
+
+    await wait();
+    expect(vm.$el.getAttribute('alt')).to.be.equal('$attrs test');
+    expect(vm.$el.getAttribute('referrerpolicy')).to.be.equal('origin');
+  });
+
+  it('pass event listeners', (done) => {
+    let result;
+    vm = createVue({
+      template: `
+        <el-image @click="handleClick" :src="src"></el-image>
+      `,
+      data() {
+        return {
+          src
+        };
+      },
+      methods: {
+        handleClick(e) {
+          result = 'test';
+        }
+      }
+    }, true);
+
+    setTimeout(() => {
+      vm.$el.querySelector('.el-image__inner').click();
+      setTimeout(()=>{
+        expect(result).to.exist;
+        done();
+      }, 20);
+    }, 20);
+  });
 });