- 博客(36)
- 收藏
- 关注
RSS订阅转载 vue 数据修改但页面没刷新
1.watch监听到数据的变化但页面没有刷新在数据改动的代码后加this.$forceUpdate();添加this.$forceUpdate();进行强制渲染，效果实现。因为数据层次太多，render函数没有自动更新，需手动强制刷新。2.没有监听到数据的变化例如：改变了数组中的某一项或者改变了对象中的某个元素时，监听则未生效。数组若要触发监听，下面方法即可触发如：splice()，push()等js方法当然了，也可以使用vue中的方法this.$set(object, ...
2021-10-06 11:06:25
637
1
转载 vue的form表单在提交成功后置空
vue的form表单在提交成功后置空form表单说明 ：form表单加上属性值 ref=“form”点击事件加入 roleManager.$refs[‘form’].resetFields() (这里的roleManager指的是当前即this)
2021-08-11 22:40:15
1266
原创 vue debug 单点 Vue代码的debug调试 未编译
配置 vue.congfig.jsconfigureWebpack: { devtool: 'source-map',},
2021-06-13 17:20:07
330
转载 vue 父子组件的生命周期顺序
一、加载渲染过程父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted二、子组件更新过程父beforeUpdate->子beforeUpdate->子updated->父updated三、父组件更新过程父beforeUpdate->父updated四、销毁过程父beforeDestroy-&g
2021-06-10 10:48:16
100
原创 vue+elmentui+es6 兼容 ie11
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>测试
2021-04-09 17:27:49
2293
转载 vue 项目一直出现 sockjs-node/info?t=**** ，并造成浏览器不能及时更新编码改动结果 解决方案
首先 sockjs-node 是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。服务端：sockjs-node（https://github.com/sockjs/sockjs-node）客户端：sockjs-clien（https://github.com/sockjs/sockjs-client）如果你的项目没有用到 sockjs，vuecli3 运行 npm run serve 之后 network 里面一直调研一
2021-03-02 09:02:17
1258
1
转载 微信小程序navigateBack如何带参数
wx.navigateBack({//返回delta:1})方法如下：一.var pages = getCurrentPages();var prevPage = pages[pages.length - 2]; //上一个页面//直接调用上一个页面的setData()方法，把数据存到上一个页面中去prevPage.setData({mydata: {a:1, b:2}})二.回到上一页，在data里定义mydata，然后在onshow里var pages = getCurrent
2021-02-18 22:36:08
3708
转载 html input只允许输入整数
如果想想让input输入框只输入整数，直接使用以下的input就可以了<input id="sequence" class="o_input" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^0-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.
2021-01-22 15:03:46
1840
原创 单页“navigationStyle“: “custom“,不生效
小程序单页"navigationStyle": “custom”,不生效的问题笔记：没有在app.json 配置页面路径
2020-12-11 11:03:30
5625
1
原创 踩坑layui tree.getchecked 为空数组
使用layui的tree 组件 一定要给数组里面添加id字段 不然得到的是空数组粘代码 <div id="test12" class="demo-tree-more"></div>res为后端返回数组 res.map(item => { item.title = item.goods_name + '/' + item.shop_price + '元'; item.id = item.goods_id }); let Data2
2020-11-20 13:20:27
3216
5
原创 圆角边框内阴影
看了几篇博客都是2个盒子实现的，但是不是我要的效果，我这里用了3个盒子，求指教<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>圆角边框内阴影</title></head&
2020-11-04 17:21:35
175
原创 子组件给父组件传值
子组件代码<template> <div class> <input @click="sendMsg" type="button" value="给父组件传递值" /> </div></template><script>export default { name: "", components: {}, computed: {}, data() { return {
2020-10-14 08:56:13
167
转载 JavaScript函数调用的经典例题
很多初学JavaScript的人对函数的调用理解有些模糊的，话不多说，直接上题: function Foo() { getName = function () { console.log(1); }; return this; } Foo.getName = function () { console.log(2); }; Foo.prototype.getName = functio
2020-10-07 22:59:26
786
原创 vue 父组件给子组件传值
父组件代码<template> <div class=''> <testprop :list="list"></testprop> </div></template><script>import testprop from '../components/test/testProp'export default { name: '', components: { testpr
2020-08-12 10:20:40
134
原创 jquer的from提交
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="http://code.jquery.com/
2020-07-16 13:34:01
160
转载 微信小程序九宫格抽奖
微信小程序九宫格抽奖github 地址 https://gitee.com/mxu/Running-Horse-Lamp效果图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-DNBm0GUZ-1587536586105)(https://blog.youkuaiyun.com/du591310450/article/details/83014445#pic_center)]...
2020-04-22 14:24:42
335
转载 image组件的binderror事件处理,图片加载不出处理，图片路径错误处理
<view>多个image</view><view class="bd-left-item" wx:for="{{classicArr}}"> <image src="{{item.img}}" class="item-img" binderror="errImg" data-err-img="classicArr[{{index}}].img" /...
2020-02-18 10:19:04
857
原创 完成复制链接功能
<!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-12-13 16:51:18
5360
1
原创 webpack构建vue项目
// 全局安装 vue-clinpm install --global vue-cli// 创建一个基于 webpack 模板的新项目vue init webpack my-project// 安装依赖cs my-projectnpm installnpm run dev
2019-12-12 14:44:06
128
原创 vscode快捷创建vue文件模板
输入vue，选择编辑vue.json，插入json对象{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div class='$1'></d...
2019-12-12 12:21:52
836
原创 vue项目的初始构建
官方网站 https://cli.vuejs.org/zh/1.执行 npm install -g @vue/cli2. vue create my-project3.cd my-project4.npm run serve`
2019-12-12 09:52:19
140
原创 后台返回常用状态判断
[]== true // false'' == true // falsenull == true //false通过这些状态就可以做逻辑操作了
2019-12-11 17:15:30
623
原创 微信小程序超出两行省略号
display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
2019-11-06 13:55:51
613
原创 通用截取url中的各个参数
function getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i = 0; i < vars.length; i++) { ...
2019-11-06 09:17:57
132
原创 封装ajax请求
//该页面通用请求方法 function postAjax(url, data, Func) { $.ajax({ url: url, data: data, type: 'Post', dataType: 'json', ...
2019-11-06 09:16:32
105
转载 原生js读取本地图片并预览
<div class="input-inline goodsimg"> <input type="file" id="file_input" /> <img id="img" src="img/tp.png" alt=""> </div> .goodsimg { display: fl...
2019-10-23 16:09:32
8106
原创 CSS超过一行自动显示省略号
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
2019-10-23 09:17:00
729
转载 HTTP的Get请求URL最大长度
HTTP的Get请求URL最大长度各浏览器HTTP Get请求URL最大长度并不相同，几类常用浏览器最大长度及超过最大长度后提交情况如下：IE6.0 :url最大长度2083个字符，超过最大长度后无法提交。IE7.0 :url最大长度2083个字符，超过最大长度后仍然能提交，但是只能传过去2083个字符。firefox 3.0.3...
2019-10-17 13:12:43
1122
转载 仿美团scroll-into-view 定位
<scroll-view scroll-x style="width:100%;white-space:nowrap"><view wx:for="{{30}}" style="display:inline-block; margin:10rpx;border:1rpx solid red" data-id="{{index}}" bindtap="scroll">{{i...
2019-07-02 18:01:56
132
转载 微信小程序——自定义个性化模态框
微信小程序官方提供的模态框主要有以下几种，这几种方法都只能简单的显示文字内容，不能达到设计要求。最后只能通过自定义实现可以灵活设计的弹框。主要原理：和普通的css相同，利用 z-index实现不同层的显示，以实现弹框效果。先附上最终效果图：...
2019-07-02 17:51:54
1184
转载 微信小程序星星评价
<!--星星评价--><view class="container"> <view class="comment1-description"> <view class="star-pos" style="display:flex;flex-direction:row;"> <view class="stars {{...
2019-07-02 17:37:13
906
转载 css来控制img正方形自适应
css来控制div正方形自适应<div class="wrap"> <div class="div"> [外链图片转存失败(img-bcKBCvfV-1562059238005)(https://mp.youkuaiyun.com/mdeditor/94458762)] </div></div>.div{ widt...
2019-07-02 17:22:41
184
转载 小程序tab切换及swiper滑动
小程序tab切换及swiper滑动效果 : 点击上面的菜单栏可以切换相应的内容,滑动内容的时候,菜单栏也会跟着切换。<view class="my-order"> <view class="{{current == index ? 'change': ' '}}" wx:for="{{title}}" data-index="{{index}}" bindtap='ch...
2019-07-02 16:53:58
769
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人