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

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

咨询电话 : 010-59478634

全部问题

已收录问题

未收录问题

没有找到答案，去提问>>>

该问题已被官方收录

vue怎么根据字符串长度控制显示的字数超出显示省略号...和更多

0

1

vue相关

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.intro {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

该问题已被官方收录

在template写的标签为什么不在我指定的地方替换

0

1

vue相关

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div id="root">
  <table>
    <tbody>
    <row></row>
    <row></row>
    <row></row>
    </tbody>
  </table>

</div>
</body>
<script>

  Vue.component("row", {
    template:"<tr><td>thhhhhhhh</td></tr>"
  });


  var vm = new Vue({
    el: "#root"
  })
</script>

该问题已被官方收录

ES6中vm的指向问题?

0

1

ES6

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<button type="button"
                                class="btn btn-success btn-margin"
                                ng-if="vm.order=='0'"
                                ng-disabled="!myForm.$valid"
                                ng-click="save()">{{commit}}</button>
                        <p><span class="color-red">*</span>为必填项!{{vm.order}}</p>

该问题已被官方收录

角色管理编辑模块,会有较大概率出现数据无法渲染的情况

0

1

其他

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

    let vm = this;
    vm.ttop = "角色新增"
    var roleId = parseInt($stateParams.roleId)
    //角色新增复选框渲染(模块列表)
    vm.modelist = function () {
        httpService.modelist().then(function (res) {
            console.log(res);
            vm.modediplay = res.data.data;
            vm.bigTotalItems = res.data.total
            // 创建父模块数组
            vm.stages = [];
            // 创建数组中的对象
            var stage = {};
            //创建数组中的对象的数组
            var son = {};
            // 渲染一级菜单
            for (let i = 0; i < vm.modediplay.length; i++) {
                // 添加父模块
                if (vm.modediplay[i].parentId === 61) {
                    vm.stages.push(
                        stage = {
                            id: false,
                            label: vm.modediplay[i].name,
                            stageId: vm.modediplay[i].id,
                            contents: [],
                        }
                    )
                }
            }

            // 渲染二级菜单(二维数组)
            for (let x = 0; x < vm.stages.length; x++) {
                for (let y = 0; y < vm.modediplay.length; y++) {
                    if (vm.modediplay[y].parentId === vm.stages[x].stageId) {
                        vm.stages[x].contents.push(
                            son = {
                                id: false,
                                label: vm.modediplay[y].name,
                                sonId: vm.modediplay[y].parentId,
                                checkId: vm.modediplay[y].id,
                            }
                        )
                    }
                }
            }
            vm.stages
            console.log("全部权限数据", vm.stages)

            if (!roleId) {
                // 创建数组,存放用户选中的模块ID
                var intArr = [];
                // 提交保存
                vm.sava = function () {
                    // 遍历出用户勾选的模块,并将模块ID放入数组
                    for (let m = 0; m < vm.stages.length; m++) {
                        if (vm.stages[m].id === true) {
                            intArr.push(vm.stages[m].stageId);
                        }
                    }

                    for (let m = 0; m < vm.stages.length; m++) {
                        for (let n = 0; n < vm.stages[m].contents.length; n++) {
                            if (vm.stages[m].contents[n].id === true) {
                                intArr.push(vm.stages[m].contents[n].checkId)
                            }
                        }
                    }
                    console.log(intArr);

                    vm.roleadd = function (
                        data = {
                            roleName: vm.nickName,
                            intArray: intArr,
                        }
                    ) {
                        bootbox.confirm({
                            message: '<p class="logoutboot">请确认分配的权限?</p>',
                            buttons: {
                                confirm: {
                                    label: '确定',
                                    className: 'btn-success'
                                },
                                cancel: {
                                    label: '取消',
                                    className: 'btn-danger'
                                }
                            },
                            callback: function (result) {
                                // console.log(result);
                                if (result == true) {
                                    httpService.roleadd(data).then(function (res) {
                                        // console.log(res);
                                        bootbox.alert({
                                            message: '<p class="logoutboot">创建角色成功</p>',
                                            backdrop: '确认'
                                        });
                                        $state.go('backgroundPage.role');
                                    })
                                }
                            }
                        });
                    }
                    vm.roleadd();
                }
            }
        })
    }
    vm.modelist();

    console.log("角色ID", roleId);
    // 将roleIdZ转换为布尔值,判断页面是否是新增页

    if (roleId) {
        vm.ttop = "角色编辑"
        console.log(vm.stages);//较大概率出现underfined
            vm.roleEdit = function () {
                httpService.roleEdit(roleId).then(function (res) {
                    vm.nickName = res.data.data[0].roleName;
                    // 将数据中的ID放入数组
                    var dataId = [];
                    for (let i = 0; i < res.data.data.length; i++) {
                        dataId.push(res.data.data[i].moduleId)
                    }
                    console.log("角色权限ID数组", dataId);

                    // 渲染一级菜单
                    for (let m = 0; m < vm.stages.length; m++) {
                        for (let x = 0; x < dataId.length; x++) {
                            if (vm.stages[m].stageId === dataId[x]) {
                                vm.stages[m].id = true;
                            }
                        }
                    }
                    // 渲染二级菜单
                    for (let m = 0; m < vm.stages.length; m++) {
                        for (let n = 0; n < vm.stages[m].contents.length; n++) {
                            for (let x = 0; x < dataId.length; x++) {
                                if (vm.stages[m].contents[n].checkId === dataId[x]) {
                                    vm.stages[m].contents[n].id = true;
                                }
                            }
                        }
                    }
                    console.log('全部权限数据2', vm.stages);
                })
            }
            vm.roleEdit()

        // 创建数组,存放用户选中的模块ID
        var intArr = [];
        // 提交保存
        vm.sava = function () {
            // 遍历出用户勾选的模块,并将模块ID放入数组
            for (let m = 0; m < vm.stages.length; m++) {
                if (vm.stages[m].id === true) {
                    intArr.push(vm.stages[m].stageId);
                }
            }
            for (let m = 0; m < vm.stages.length; m++) {
                for (let n = 0; n < vm.stages[m].contents.length; n++) {
                    if (vm.stages[m].contents[n].id === true) {
                        intArr.push(vm.stages[m].contents[n].checkId)
                    }
                }
            }
            // console.log(intArr);
            vm.rolePut = function (
                data = {
                    roleName: vm.nickName,
                    intArray: intArr,
                    roleId: roleId,
                }
            ) {
                bootbox.confirm({
                    message: '<p class="logoutboot">请确认修改的权限?</p>',
                    buttons: {
                        confirm: {
                            label: '确定',
                            className: 'btn-success'
                        },
                        cancel: {
                            label: '取消',
                            className: 'btn-danger'
                        }
                    },
                    callback: function (result) {
                        // console.log(result);
                        if (result == true) {
                            httpService.rolePut(data).then(function (res) {
                                console.log(res);
                                bootbox.alert({
                                    message: '<p class="logoutboot">修改角色成功</p>',
                                    backdrop: '确认'
                                });
                                $state.go('backgroundPage.role');
                            })
                        }
                    }
                });
            }
            vm.rolePut();
        }
    }

该问题已被官方收录

ionic在书写页面后，在ios设备上的safari浏览器无法滑动内容

0

1

其他插件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<ion-scroll
        scrollbar-y="false"
        class="homePage-main"
        overflow-scroll="true"
        ui-view>
</ion-scroll >

该问题已被官方收录

vue-video-player视频的时间如何提取出来

0

1

vue相关

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

   <video-player  class='video-player vjs-custom-skin'
                     ref='videoPlayer'
                     :options='playerOptions'
                     :playsinline='true'
                     @play='onPlayerPlay($event)'
                     @pause='onPlayerPause($event)'
                     @ready="playerReadied"
      >
      </video-player>

该问题已被官方收录

如何把各页面http请求代码封装？

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

html

该问题已被官方收录

vue3.0创建项目在npm run serve报错

0

1

vue相关

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

Easy Mock 如何模拟post请求？

0

1

其他插件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

"code": 0,
  "message": "success",
  "data": {
    "avatar": "@image('200x100', '#50B347', '#FFF', '王老师')",
    "username": "王老师",
    "id": "@id",
    "role": "@cword(3)",
    "rights|5": [{
      "module": "@Boolean"
    }],
    "navbarlist|10": [{
      "index|+1": 1,
      "management": "@cword(4)",
      "show": "@Boolean",
      "subnavlist|5": [{
        "index|+1": 10,
        "management": "@cword(4)"
      }]
    }]
  }
}

该问题已被官方收录

关于ES6的实现JS模块化

0

1

ES6

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//导出常量
export const sqrt = Math.sqrt;
//导出函数
export function square(x) {
    return x * x;
}
//导出函数
export function diag(x, y) {
    return sqrt(square(x) + square(y));
}

import { square, diag } from './1';
console.log(square(11)); // 121
console.log(diag(4, 3)); // 5

去第页

Copyright ©2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1