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

陶杰

2024-09-11 cd945be638125a2deb8211ba9d26d1bb63cf3f97

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

 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') {