首页 > 其他分享 >uniapp radio 弹出取消后恢复以前的选择

uniapp radio 弹出取消后恢复以前的选择

时间:2023-02-27 13:12:25浏览次数:28  
标签:function uniapp false 取消 detail radio evt select

<view>
        <radio-group class="radioBox"  @change="radioChange"   v-if="hackReset" >
          <label class="itemRadio uni-list-cell uni-list-cell-pd" >
            <view>
              <radio :value="1"  :checked="select_one==='1'" />
            </view>
            <view>testone</view>
          </label>
          <label class="itemRadio uni-list-cell uni-list-cell-pd" >
            <view>
              <radio :value="2" :checked="select_one==='2'" />
            </view>
            <view>testtwo</view>
          </label>
        </radio-group>
      </view>
radioChange: function(evt) {

      var that = this
      if(evt.detail.value == 1){
        if(that.select_one == '1'){
          return false;
        }
      }else{
        if(that.select_one == '2'){
          return false;
        }
      }
      uni.showModal({
        title: '提示',
        content: '确认切换吗?',
        success: function(res) {
          if (res.confirm) {
            that.submit(evt.detail.value)
          }else {
            that.refresh()
          }
        }
      })
    },

    refresh() {
      let that = this
      this.hackReset = false
      setTimeout(function() {
        that.hackReset = true
      }, 1)
    },

标签:function,uniapp,false,取消,detail,radio,evt,select
From: https://www.cnblogs.com/ianlab/p/17159304.html

相关文章

  • About Radio Telemetry
    AboutRadioTelemetryDroneTelemetryDataDronetelemetryisdatagatheredabouttheaircraftanditssurroundingsthatissentbacktotheoperatororground......
  • uniapp框架
    https://www.easemob.com/product/im/uniapp?utm_source=baidu3&utm_campaign=%E8%BD%AC%E5%8C%96%E8%AF%8D%E5%9C%B0%E5%9F%9F7.7&utm_content=zhcdy7.7&utm_term=uniapp%......
  • uniapp(1)
    **在项目根目录中新建.gitignore忽略文件,并配置如下:忽略node_modules/node_modules/unpackage/dist**添加页面新建页面,而后选择scss模板;即可在pages.json看到所添加......
  • uniapp打包apk后位置无法获取(简单)
    生成云端证书  使用云端证书的SHA1值申请高德key包名自定义  打包前appid,地图key,云打包包名要和申请地图key的包名一样......
  • uniapp vue3 setup开发笔记
    uniappvue3setup写法中使用onload,onshow等生命周期首先通过这种方式引入import{onShow,onHide,onLoad}from"@dcloudio/uni-app"和vue3普通生命周期一样的使用......
  • uniapp页面实现背景铺满一屏
    使用伪元素.login_box{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:......
  • Mybatis-Plus取消自动转驼峰拦截器
    背景项目使用Mybatis-Plus,开启了全局结果集字段转驼峰map-underscore-to-camel-case:true。开启之后如果需要返回下划线需要自定义resultMap现需要返回List<Map>,且返回......
  • uniapp对接ChatGPT 简单实现对话功能
    最近很火的ChatGPT来了!我也是做了一个最最基础的模型,让大家更通俗易懂!先看效果:    接下来直接上代码:<template> <viewclass="content"> <viewclass="tex......
  • uniapp解决未配置appkey成功运行并离线打包apk的详细图文
    官方文档https://nativesupport.dcloud.net.cn/AppDocs/usesdk/android.html一、将写好的uniapp右键→发行→原生app-本地打包→生成本地打包App资源(它会要求你登录账号)二......
  • uniapp安卓本地文件读取(html5+)
    plus.io.resolveLocalFileSystemURL(                "_www/static/caise.json",//static下路径                    functi......