【如何使用input：radio实现绑定点击状态对应的值 _angular view _angular model 】

如何使用input：radio实现绑定点击状态对应的值
我也踩过这个坑( 1 )
已统计您的踩坑,无需重复点击
回答(0)
angular view angular model
详细描述
截图
代码
 <ul class="search_wrap">
                    <li class="keyword">
                        <p>关 键 词：</p>
                        <input type="text" v-model="postKeywordModel" maxlength="38">
                        <p>当前关键词：{{this.$route.query.postKeyword}}</p>
                    </li>
                    <li>
                        <p>所在地区：</p>
                        <div v-for="(city, index) in filter.city" :key="index">
                            <input type="radio" name="city" :id="city.id" :value="city.value" v-model="cityModel">
                            <label :for="city.id">{{city.name}}</label>
                        </div>
                    </li>
                    <li>
                        <p>所属行业：</p>
                        <div v-for="(industry, index) in filter.industry" :key="index">
                            <input type="radio" name="industry" :id="industry.id" :value="industry.value" v-model="industryModel">
                            <label :for="industry.id">{{industry.name}}</label>
                        </div>
                    </li>
                    <li>
                        <p>学历要求：</p>
                        <div v-for="(education, index) in filter.education" :key="index">
                            <input type="radio" name="education" :id="education.id" :value="education.value" v-model="educationModel">
                            <label :for="education.id">{{education.name}}</label>
                        </div>
                    </li>
                    <li>
                        <p>工作经验：</p>
                        <div v-for="(experience, index) in filter.experience" :key="index">
                            <input type="radio" name="experience" :id="experience.id" :value="experience.value" v-model="experienceModel">
                            <label :for="experience.id">{{experience.name}}</label>
                        </div>
                    </li>
                    <li>
                        <p>薪资水平：</p>
                        <div v-for="(compensation, index) in filter.compensation" :key="index">
                            <input type="radio" name="compensation" :id="compensation.id" :value="compensation.value" v-model="compensationModel">
                            <label :for="compensation.id">{{compensation.name}}</label>
                        </div>
                    </li>
                    <li>
                        <p>发布时间：</p>
                        <div v-for="(updateAt, index) in filter.updateAt" :key="index">
                            <input type="radio" name="updateAt" :id="updateAt.id" :value="updateAt.value" v-model="updateAtModel">
                            <label :for="updateAt.id">{{updateAt.name}}</label>
                        </div>
                    </li>
                    <li class="buttons">
                        <button class="clear" @click="clear ()">清空</button>
                        <button class="search" @click="search ()">搜索</button>
                    </li>
                </ul>
编辑于2024-05-02