why search file does not works for me? about gohttpserver

[codeskyblue]

sorry, it works for me

[hoogw]

I figure out, the search icon, is broken. not sure why?

If I type 'xxx' at search box top right corner, then click enter, the search works fine.
But if I click the search icon with magnify glass icon, nothing happen.

So need to fix the search icon, attach it to search event.

[hoogw]

Ok, spend 6 hours , finally fix this problem.

This is vue version 1, not 2, so you need to be aware.

The search icon isn't working, you have to do below steps to make click search icon works:

index.js
add function under method:{}

    ` methods: {

   // ------------ search icon clicked event ----------------
     
          search_clicked: function (event) {
            // `this` inside methods points to the Vue instance
          // alert('Hello ' + this.search + '!')
          
          
              var searchParams = new URLSearchParams(window.location.search)
              searchParams.set("search", this.search);
   
    
              // this cause reload  https://stackoverflow.com/questions/5999118/how-can-i-add-or-update-a-query-string-parameter
              //window.location.search = searchParams.toString();

            // to avoid reload
            // var newRelativePathQuery = window.location.pathname + '?' + searchParams.toString();
            //history.pushState(null, '', newRelativePathQuery);

            // here I do want reload, so must use this.
            window.location.search = searchParams.toString();
            
            // no need this, because last line already cause reload.
            // location.reload();
                
                // `event` is the native DOM event
                if (event) {
                // alert(event.target.tagName)

    }
  },`

index.html page, replace search input and icon with this

          ` <!--
          <span class="input-group-btn">
            <button class="btn btn-default" type="button">
              <span class="glyphicon glyphicon-search"></span>
            </button>
          </span>

        <input type="text" name="search" class="form-control" placeholder="Search" v-bind:value="search"
          autofocus>

        -->

        <span class="input-group-btn">
          <button class="btn btn-default" type="button" v-on:click="search_clicked">
            <span class="glyphicon glyphicon-search"></span>
          </button>
        </span>

        
          <input type="text" name="search" class="form-control" placeholder="Search" v-model="search"
          autofocus>

`

[hoogw]

without fix the search icon, you have to click enter key to be able to search.
if you only click search icon, nothing happen.

if you want to make search icon works as well, you have to make 2 change as above I showed you.

[codeskyblue]

Sorry for the delay.