javascript - Bagaimana vue memperkenalkan fail svg dalam HTML

Question

Di Internet, anda boleh menggunakan elemen objek, tetapi ia melaporkan 404, jadi laluannya pasti betul.

Kod:

Answer 1

Semak ini:
https://stackoverflow.com/que...

Answer 2

Memandangkan sumber adalah svg, sebaiknya gunakan teg svg untuk merujuknya, supaya anda boleh mengubah saiz svg, menetapkan warna isian dan satu siri ciri svg.

Cara sebut harga bergantung pada loader yang digunakan:

html:

    <use xmlns:xlink="http://www.w3.org/1999/xlink" :xlink:href="require('../svg/icon-header.svg')"></use>

pak web:

    {
        test: /\.svg$/,
        loader: 'svg-sprite?' + JSON.stringify({
            name: '[name]_[hash]',
            prefixize: true
        })
    }

Alamat pemuat: https://github.com/kisenka/svg-sprite-loader
Anda boleh melihat API secara terperinci.

Answer 3

Jika digunakan sebagai gambar, ia boleh digunakan terus sebagai latar belakang
background-image: url('../../../static/icons/site.svg');