IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

ng-repeat问题

0

1

其他

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

以上

如何在搜索菜单中打开三级搜索菜单

0

1

js基础

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

无

所谓的微信网页授权code码，到底具体指的是什么？

0

1

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

找了好久，找到一个师兄的代码，可是看不懂啊。。

 //获取code码
        let vm = this;
        function getQueryString(name) {
            let reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
            let r = window.location.search.substr(1).match(reg);
            if (r != null) {
                return decodeURI(r[2]);
            }
            return null;
        }
        //如果code码有值并且sessionStroage的token没有值时（即第一次进入页面），发送code，获取token
        if(getQueryString('code')&& !sessionStorage.getItem('token')){
            let code = getQueryString('code');
            projectService.getToken(code).then(function (res) {
                if(res.data.code === 0){

萝卜多后台登录页显示账号不存在

1

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

复盘代码：
vm.user = {     //获取账号密码
            userName:vm.nam,
            userPassword:vm.pwd
        };
requestSvc.login(vm.user).then(function(res){    //发送请求
                if(res.data.code === 0){
                    $state.go("home");
                }
                else if(res.data.code === 2001){
                    vm.message = "密码不正确";
                }
                else if(res.data.code === 2002){
                    vm.message = "用户名不存在";
                }
        })

//登录模块
        login: function(data){
            return $http.post(path.login_url(), $.param(data))  
        }

//登录
        login_url: function(){
            return "/carrots-shanzhu-ajax/a/u/login"    //请求地址
        }

html部分
账号部分：
<input class="input" type="text"
               id="user"
               placeholder="请输入用户名"
               name="userName"
               ng-model="vm.nam"
               required
               oninvalid="setCustomValidity('用户名不能为空')"
               oninput="setCustomValidity('')">

密码部分：
<input class="input" id="password" type="password"
               placeholder="请输入密码"
               name="password"
               ng-model="vm.pwd"
               required
               oninvalid="setCustomValidity('密码不能为空')"
               oninput="setCustomValidity('')">

vue-awesome-swiper中的左右切换导航怎么移出来

2

1

vue相关

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 <div class="swiperBox banner-h">
            <swiper :options="swiperOption" ref="mySwiper" v-if="bannerImgs.length">
                <swiper-slide v-for="(n,index) in bannerImgs" :key="index"><a :href="n.url"><img :src="n.img" alt="" class="img-w"></a></swiper-slide>
                <!-- 分页器 -->
                <div class="swiper-pagination" slot="pagination"></div>
            </swiper>
        </div>

 <swiper :options="swiperOption1" ref="mySwiper" v-if="jobNews">
                            <swiper-slide v-for="(items,index) in jobNews" :key="index">
                                <div class="imgBox" @click="searchPost (items.companyId, items.id)">
                                    <div class="img">
                                        <img :src="items.logo" alt="">
                                    </div>
                                    <div class="info">
                                        <p class="job">{{items.name}}</p>
                                        <span class="redLine"></span>
                                        <p class="netName">{{items.companyName}}</p>
                                    </div>
                                </div>
                            </swiper-slide>

                            <!-- 左右切换按钮 -->

                        </swiper>
                        <div class="swiper-button-next mySwiperBtn" slot="button-next"></div>
                    </div>

placeholder属性在IOS中存在兼容性的问题

0

1

其他

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

&::placeholder {
            color: #bda969;
            font-size: 5vw;
        }

二级菜单多选与深拷贝的问题

0

1

js基础 vue相关

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="search-list-first">
            <span>职位类别：</span>
            <div class="search-list-second pointer"
                 v-for="(item, index) in jobtypes"
                 @click="changeType(index)"
                 :class="{selected:item.btn}"
            >
              {{item.type}}
            </div>
          </div>
          <div class="search-list-third" v-if="on">
            <span class="list-third-text pointer"
                  v-for="(item, index) in joblevel"
                  @click="changeLevel(index)"
            >
              {{item.name}}
            </span>
          </div>

data () {
      return {
        on: false,
        jobtypes: [
          {type: '不限', btn: true},
          {id:0, type: '产品', btn: false},
          {id:1, type: 'UI', btn: false},
          {id:2, type: 'QA', btn: false},
          {id:3, type: 'Android', btn: false},
          {id:4, type: 'IOS', btn: false},
          {id:5, type: 'WEB', btn: false},
          {id:6, type: 'OP', btn: false},
          {id:7, type: 'Java', btn: false},
          {id:8, type: 'NLP', btn: false},
          {id:9, type: 'DM', btn: false},
          {id:10, type: 'DL', btn: false}
        ],
        joblevel: [
          {
            name: "产品",
            data: [
              {name: "不限", choose: true},
              {id: 1, name: "助理", choose: false},
              {id: 2, name: "初级", choose: false},
              {id: 3, name: "中级", choose: false},
              {id: 4, name: "高级", choose: false},
              {id: 5, name: "总监", choose: false}
            ]
          },
          {
            name: "UI",
            data: [
              {name: "不限", choose: true},
              {id: 1, name: "初级", choose: false},
              {id: 2, name: "中级", choose: false},
              {id: 3, name: "高级", choose: false},
              {id: 4, name: "总监", choose: false}
            ]
          },

methods: {
      //职业类别多选
      changeType (index) {
        //选项开关
        this.jobtypes[index].btn = !this.jobtypes[index].btn
        //遍历取出不限选项外的btn布尔值
        let arr = []
        for (let i=1; i<this.jobtypes.length; i++) {
          arr.push(this.jobtypes[i].btn)
        }
        //多选数量
        let num = 0
        for (let i=1; i<this.jobtypes.length; i++) {
          if (index !== 0 && this.jobtypes[i].btn === true) {
            num++
          }
        }
        console.log(num)
        //joblevel深拷贝
        // console.log(this.joblevel)
        for (let i=0; i<this.joblevel.length; i++) {
          this.arrlevel.push({name:this.joblevel[i].name,data:this.joblevel[i].data})
        }
        console.log(this.arrlevel)
        console.log(this.joblevel)
        //除不限外的选项都未选
        function check(btn) {
          return btn === false
        }
        let checkBtn = arr.every(check)
        //选项状态变化
        //状态1，不限外的选项都未选
        if (checkBtn === true) {
          this.on = false
          this.jobtypes[0].btn = true
        }
        //状态2，不限外的选项有选
        else if (index !== 0 ) {
          this.jobtypes[0].btn = false
          if (num === 1) {
            this.on = true
            this.joblevel = this.joblevel[index].data
          } else if (num > 1) {
            this.on = false
            this.joblevel = this.arrlevel
          }
        }
        //状态4，选中不限
        else if (index === 0) {
          this.on = false
          this.joblevel = this.arrlevel
          for (let i=1; i<this.jobtypes.length; i++) {
            this.jobtypes[i].btn = false
          }
        }
      },

vue怎么使用插件使得手机端调用拍照功能

0

1

vue相关

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

无