TIL 001

vue.jsに画像ラベルをバインドする

<template>
  <img :src="require(`@/assets/images/${src}`)"/>
</template>

<script>
  data: () => ({
    src: '파일이름.png',
  })
</script>

3桁ごと(カンマ)の正規表現

n.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')

swiper.jsページ命名オプション

<template>
 <swiper :options="swiperOption">
   <swiper-slide v-for="(item, i) in List" :key="`list-${i}`">
   <div class="progress-bar">
</template>

<script>
data: () => ({
  swiperOption: {
      slidesPerColumn: 2,
      spaceBetween: 25,
      pagination: {
        clickable: true,
      },
      scrollbar: {
        el: '.progress-bar',
        hide: false,
      },
    },
})
</script>

slidesPerColumn

spaceBetween

el: '.progress-bar'

debugger

<script>
  methods: {
      onChangeImages(e) {
          console.log(e.target.files)
          debugger
          const file = e.target.files[0]
          this.imgUrl = URL.createObjectURL(file)
      },
  },
}
</script>

デバッガが保留中の場所に実行されると、自動的に停止します.

関数をスペースで実行

スクリプトの再起動

コンソール内の任意の場所でのデータの表示