前端
关注
分享
扫一扫
zhaoyy0513
敲敲代码，玩玩游戏，(✿◕‿◕✿)美滋滋~
展开
-
操作单选按钮取消选中状态checked失效
刚开始写的时候通过jquery写如下代码，不起作用$("input[type='radio']").attr('checked',false);后来查询得知，固有属性的，比如checked,selected,disabled,readonly等都是使用prop进行设置的$("input[type='radio']").prop('checked',false);https://codeplayer.vip/p/j7sno...原创 2020-10-15 16:21:33 · 2795 阅读 · 1 评论 -
vue父组件调用子组件方法，失效解决方案
失效原因就是在created()域调用时，子组件还未成功渲染，因此设置一个延缓时间即可，网上找的答案是 <projectNode v-if="nodeVisable" ref="pNode"></projectNode> // created中调用: checkNode(index, row) { this.nodeVisable = true; // 调用子组件方法 this.$refs.pNode.getNodeData原创 2020-10-10 15:58:20 · 5610 阅读 · 3 评论 -
vue 前端配置token遇到跨域问题，跨域解决方法
1.因为默认配置文件vue.config.js的时候目标主机地址已经改成/api// 修改配置后一定要 重新npm run serve !!!module.exports = { devServer: { // vue项目启动时的ip地址和端口 host: "localhost", port: 8000, proxy: { // 匹配所有以 /api 开头的url "/api": { // 请求的目标主机 t原创 2020-10-10 10:41:02 · 3487 阅读 · 2 评论 -
JS关于父容器的一些操作记录
（1）触发父级容器元素的点击事件parent.$(window.parent.document).find('.sidebar-brand').click();// 获取的父级的元素 触发点击事件；（2）父级元素选择器，比如本身是iframe想要获取iframe之外的元素$('#menu', parent.document);比如想要判断父级元素是否包含某个class if( $('#menu', parent.document).hasClass("cpicdg-sidebar原创 2020-09-23 11:18:47 · 194 阅读 · 0 评论 -
elementui table expand 修改数据
1.我的设计思路是当点击expand箭头后显示出来内容，然后双击(单击也可以，根据自己想法来)某个区域，然后弹窗进行数据修改，然后双向绑定进行数据渲染，点击保存按钮后数据传输到后台进行数据修改2.看下效果图3.然后双击其中的字段进行弹窗，然后进行值的修改点击确定后，将数据渲染到页面上，然后点击保存按钮进行后端交互4.下面是具体的代码，首先给expand里的参数添加点击事件<el-table-column type="expand"> <te..原创 2020-09-04 17:19:11 · 1462 阅读 · 0 评论 -
Layui左侧导航栏动态绑定点击事件（失效和解决方法）
1.具体的需求是根据后台传递来的数据，动态加载左侧导航栏2.加载完成后，通过绑定点击事件，进行具体业务操作(1)首先尝试使用layui.element自带的on方法进行绑定 element.on("nav(nav)", function (data) { console.log(data); .... });因为我们的具体想法是点击后...原创 2020-04-30 09:31:03 · 10497 阅读 · 1 评论 -
vue :to设置路由导航的用法
参考地址:https://www.cnblogs.com/superlizhao/p/8527317.html无论是用<router-link></router-link>标签，或者用router.push，他们的使用语法都是相似的to里的值可以是一个字符串路径，或者一个描述地址的对象。例如：// 字符串<router-link to="apple"&...原创 2019-11-20 18:03:31 · 12672 阅读 · 0 评论 -
前端开发得到的一些小技巧和方法
(1)数组去重考虑用set数据结构进行去重的处理，尤其在处理对象数组时，考虑去重的时候，可以直接取其中对象的主键id进行判断首先创建一个空数组A，然后遍历想要去重的数组B，然后遍历取出B中的主键id放入到A中，然后最后进行判断，下面是democonst A = [];const B = [{id:'1',context:'哈哈1'},{id:'2',context:'哈哈2'},{...原创 2019-10-31 11:43:49 · 286 阅读 · 0 评论 -
elementUI select有值却无法选中
1.解决方法,在select绑定的change函数中使用下列代码 1.template <el-select v-model="updateForm.disposeCode" filterable placeholder="请选择" @change="selectDisposeCod...转载 2019-09-11 17:54:29 · 3761 阅读 · 1 评论 -
vue 动态实现select选择后获取被选择行的数据
1.实现原理就是select绑定change事件，然后在change绑定的时间方法中，遍历option对应的数据集与被选择的数据id进行比较，选出id一样的option即可/2.首先定义option的数据集return{ ... disposeOptions: [],}3.template详情 <el-select v-mode...原创 2019-09-11 15:38:53 · 5582 阅读 · 0 评论 -
vue v-show用法
<el-form-item prop="typeId"> <el-select v-model="createForm.typeId"> ... </el-select></el-form-item><!-- 上面的select选择完之后 会给createForm.typeId赋值，然后下面的v...原创 2019-09-10 11:08:07 · 1565 阅读 · 0 评论 -
vue rules以及原生js判断字符串是否为正整数(正小数)
1.在vue中 使用rules形式进行校验1.首先在vue文件的methods()中添加校验方法，这里校验方法命名为isNumber用自带的.test方法进行正则校验 methods: { isNumber(rule, value, callback) { if (value === '') { return callback(); } ...原创 2019-09-05 10:45:54 · 11653 阅读 · 0 评论 -
vue table中组件数据不能渲染，不能输入或点击
首先特别感谢这几位朋友的回答让我能解决问题，大家也可以直接看下面的文章！！解决Vue 通过下表修改数组,页面不渲染的问题vue深入响应式式原理——对象 数组Vue中input框手动赋值成功却无法在编辑input框的值？？vue修改对象的属性值后页面不重新渲染的实例(1)数据不能渲染.table中的数组数据发生改变，数据不能渲染，用以下方式进行解决，我这里数组中是对象，数组中...原创 2019-09-04 20:28:58 · 3227 阅读 · 0 评论 -
vue+elementUI 实现table删除多行
template <el-table :data="badCodeTableData" :default-sort="{ prop: 'id', order: 'ascending' }" border tooltip-effect="dark" height="280"...原创 2019-09-03 14:12:48 · 4054 阅读 · 11 评论 -
jquery 引入外部JS失效
以前写JS习惯将JS代码直接写在页面中，工作后需要做到分离，JS单独写在一个文件中，但是用的时候掉进了坑里原来是我的javascript里面，有直接操作页面元素的代码，所以不能在head里面引用 ，而应该放到body内引用。下面是部分自己写的opIndex.js的代码$(function () { var qsSystem = ["考勤记录", "请假申请", "请假记录",...原创 2019-07-25 11:00:04 · 1914 阅读 · 0 评论 -
jquery append元素之后 点击事件失效
原因：append中的节点是在整个文档加载完之后开始添加，页面不会为append的元素初始化添加点击事件。解决方案：事件委托方式解决，在选择元素上绑定一个或多个事件的事件处理函数。 html代码: <dl class="layui-nav-child kq-sys"></dl> jquery代码: var qsSystem = ["...原创 2019-07-25 09:44:52 · 1569 阅读 · 0 评论 -
easyui date-box 时间规则(判断输入的时间，是否大于或等于今天)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-04-04 11:07:43 · 1008 阅读 · 0 评论 -
SSM框架开发 容易忽视的细节集合(不定时更新)
1.用到SpringMVC自带的form标签时，单选框 按钮设置默认选中应该是<form:radiobutton path="employeesex" value="男" checked="true" />男2.想要实现全选功能，类似复选框的功能(需要的参数名相同的，并且传入多个值时)使用request.getparamvalues();获取所有的值String[] p...原创 2019-03-15 13:43:07 · 188 阅读 · 0 评论