H5/APP给titleNView-＞searchInput赋值

灿烂牵羊

已于 2022-08-31 01:10:05 修改

阅读量524

点赞数

文章标签： javascript html 前端

于 2022-08-30 23:41:28 首次发布

本文链接：https://blog.csdn.net/qq_37107017/article/details/126615078

版权

参考文章：https://www.freesion.com/article/9064996860/

      const page = document.querySelectorAll(".uni-input-input[type=search]")[0];
      this.changeInput(page,this.keyword)
    },
    components:{
      shopList
    },
    methods: {
      changeInput(dom, st) {
          var evt = new InputEvent('input', {
              inputType: 'insertText',
              data: st,
              dataTransfer: null,
              isComposing: false
          });
          dom.value = st;
          dom.dispatchEvent(evt);
      }
    }

// 动态设置导航栏搜索框内容
const setNavSearchInput=(keyword)=>{
// #ifdef APP-PLUS
let webView = this. $m p . p a g e .$ getAppWebview();
webView.setTitleNViewSearchInputText(keyword);
// #endif
// #ifdef H5
let inputSearch=document.querySelector(‘.uni-input-input[type=search]’);
var evt = new InputEvent(‘input’, {
inputType: ‘insertText’,
data: keyword,
dataTransfer: null,
isComposing: false
});
if(inputSearch){
inputSearch.value = keyword;
inputSearch.dispatchEvent(evt);
}
// #endif
}

 "h5": {
                "titleNView": {
                  // "titleText": "搜索结果",
                  "searchInput": {
                    "placeholder": "nike",
                    "disabled": true,
                    "align": "left",
                    "borderRadius": "15px",
                    "backgroundColor": "#F7F7F7",
                    "placeholderColor": "#B3B3B3"
                  }
                  // "buttons": [{
                  //     "float": "right",
                  //     "color": "#636263",
                  //     "text": "筛选",
                  //     "fontSize": "14px",
                  //     "width":"60px"
                  //   }
                  // ]
                }
              }
              // "app-plus": {
              //   "scrollIndicator": "none",
              //   "titleNView": {
              //     "searchInput": {
              //       "placeholder": "nike",
              //       "disabled": true,
              //       "align": "left",
              //       "borderRadius": "15px",
              //       "backgroundColor": "#F7F7F7",
              //       "placeholderColor": "#B3B3B3"
              //     },
              //     "buttons": [{
              //         "float": "right",
              //         "color": "#636263",
              //         "text": "筛选",
              //         "fontSize": "14px",
              //         "width":"60px"
              //       }
              //     ]
              //   }
              // }