https://honmashika.jp/js/vue_function.js

1/* ================================================================= 
2 License : e-TRUST Inc.
3 File name : vue_function.js
4 Style : function
5================================================================= */
6
7$(function(){
8// =================================================================
9var navHeight = $("#header").outerHeight();
10var demo = new Vue({
11  el: '#hednav',
12  data: {
13    isActive: false,
14  },
15  methods: {
16    click: function () {
17      if(this.isActive == false){
18        scrollTop = $(window).scrollTop();
19        $('html').css({'position':'fixed','top':-scrollTop,maxWidth:"100vw",left:"0",right:"0"});
20      }else{
21        $('html').css({'position':'static','top':'0','left':'0','right':'0'});
22        $('html').scrollTop(scrollTop);
23      }
24    }
25  }
26})
27var h1 = $(".h1txt").html();
28var demo = new Vue({
29  el: '#local-keyvisual-title',
30  data: {
31    h1txt: h1
32  }
33})
34if($(".h1txt").length){
35var h1 = $(".h1txt").html().split('<span>')[0];
36console.log(h1);
37Vue.component('pan', {
38  data: function () {
39    return {
40      pankuzu: h1
41    }
42  },
43  template: '<div class="pankuzu"><a href="index.html"><i class="fal fa-tooth"></i>本間歯科医院</a> ＞ <span>{{ pankuzu }}</span></div>'
44})
45new Vue({ el: '.pan1' })
46};
47$(".h1txt").remove();
48var lk = $(".local-keyvisual-bg");
49$("#local-keyvisual-bg").replaceWith(lk);
50
51// =================================================================
52});