304-小程序-花店-首页搜索 点击按花名店铺切换搜索输入框没有跟着切换 一直显示都是请输入花名

陶杰

2024-09-11 cd945be638125a2deb8211ba9d26d1bb63cf3f97

 pages/home/components/home-search.vue

@@ -12,7 +12,7 @@
            <um-dropdown width="200rpx" @change="fnChange" :defaultIndex="def" rangeKey="label" :optionList="typeList"></um-dropdown>
         </view>
         <view class="flex1 input">
            <u-input placeholder="请输入花名" v-model="search_flow" clearable @confirm="buttonSearchFlow" @clear="()=>{
            <u-input :placeholder="search_home_placeholder" v-model="search_flow" clearable @confirm="buttonSearchFlow" @clear="()=>{
               $nextTick(()=>{buttonSearchFlow()})
            }">
               <!-- <u--text text="http://" slot="prefix" margin="0 3px 0 0" type="tips"></u--text> -->
@@ -66,6 +66,7 @@
                  value: 'supplier',
               },
            ],
            search_home_placeholder:"请输入花名",
         }
      },
      onShow() {
@@ -88,6 +89,24 @@
      methods: {
         fnChange(e) {
            this.type = e.value
            if (this.type == 'flower') {
               this.search_home_placeholder = '请输入花名'
               uni.setNavigationBarTitle({
                 title: '搜鲜花',
                 success: function() {
                   console.log('标题搜鲜花修改成功');
                 }
               });

            } else {
               this.search_home_placeholder = '请输入店铺名'
               uni.setNavigationBarTitle({
                 title: '搜店铺',
                 success: function() {
                   console.log('标题搜店铺修改成功');
                 }
               });
            }
         },
         changeType() {
            if (this.type == 'flower') {