- 博客(17)
- 收藏
- 关注
RSS订阅转载 解决vue数据更新视图不更新
出现的问题：当我们点击按钮，为student添加一个age属性，数据已经更新，但是视图层并没有更新数据。 出现的原因：由于受JavaScript的限制，vue.js不能监听对象属性的添加和删除，因为在vue组件初始化的过程中，会调用getter和setter方法，所以该属性必须是存在在data中，视图层才会响应该数据的变化 解决这个问题的方法大体有两种： 使用this.$set(obj, key, value)/vue.set(obj, key, value) <script> export d
2021-08-13 14:02:49
1517
原创 2021-04-30
出现的问题:在vue项目中使用路由传参页面刷新出现数据丢失问题 数据消失的写法： this.$router.push({ name:"card",params:{ cardName:this.cardName}}) 解决方法： this.$router.push({ name:"card",query:{ cardName:this.cardName}}) 注意：获取参数的时候是route，跳转和传参的时候是route， 跳转和传参的时候是route，跳转和传参的时候是router params可以理解为a
2021-04-30 16:54:30
196
1
原创 2021-04-30
业务需求：跳转每个模块之前都有一个协议页面，要先同意协议之后才能真正进入相应的模块。 思路：将协议页面封装为组件，由于协议样式相同内容不同，决定将协议的主要内容放在JSON文件中，在组件中引入JSON文件。 //父组件 agreementType进行判断是哪个模块的协议 <Agreement :show.sync="agreementShow" :agreementType="agreementType"></Agreement> //agreement.json文件 {
2021-04-30 15:57:11
218
1
转载 2021-04-08
Vue @click.native 的使用 1.首先， @click.native 是给组件绑定原生事件，只能用在组件上，不可以用在原生元素上。 异常信息： [Vue warn]: The .native modifier for v-on is only valid on components but it was used on <button>. 在组件上绑定@click="clickCpn"事件，click事件无法触发也不生效，需要通过使用@click.native=“clickC
2021-04-08 09:56:25
204
原创 var foo =function (){}与function foo()的区别
当代码开始运行的时候，第一种方法的初始foo是undefined,当代码运行到var foo =function (){}的时候，foo就变成fuction console.log(foo);//undefined, var foo =function (){} console.log(foo);//f(){} 第二种方法，是代码运行的时候，foo就是fuction了 console.log(foo);//f foo (){} function foo
2020-11-03 22:49:00
1326
原创 创建Vue项目的前期准备和出现的问题
安装node和git（在官网上下载即可） 在终端中使用淘宝镜像来下载依赖包 2.1在终端中输入（安装淘宝镜像） npm config set registry=https://registry.npmjs.org/ 2.2安装包管理器nrm(全局安装) npm i nrm -g 2.3查看所有可用的镜像源 nrm ls 2.4果出现无法识别该命令的时候 配置一下环境变量 2.5系统禁止运行脚本时，以管理员身份打开cmd输入 输入 set-executionpolicy remotesigned.
2020-10-02 10:35:25
417
原创 vue中v-model双向数据绑定的底层原理
双向数据绑定 在vue中实现数据双向绑定的指令是v-model。接下来简单介绍一下v-model指令实现的底层原理 v-bind可以用来绑定属性 v-on可以绑定事件 使用v-bind将input输入框的值设置为msg 设置输入事件，将输入框的值最新数据覆盖原来的msg的数据 <body> <div id="app"> <div>{{msg}}</div> <input type="text" v-model="msg">
2020-09-13 11:07:28
489
原创 使用原生js和vue两种方法实现输入框文本放大功能
使用原生js实现 <body> <div id="box"></div> <input type="text" id="content"> <script> var haha = document.querySelector("#box") var lala = document.querySelector("#content") //设置键盘离开事件 content.addEventListener("
2020-09-12 19:33:52
848
原创 判断一个字符串 ‘abcoefoxyozzopp‘ 中出现次数最多的字符，并统计其次数
案例：判断一个字符串 ‘abcoefoxyozzopp’ 中出现次数最多的字符，并统计其次数 思路： indexOf可以查找字符串中元素的索引号，charAt可以根据索引号得到该地方的字符 核心算法： 先使用charAt()遍历整个字符串，并把得到的每个字符都存储在对象中。 使用if判断对象中是否有这个属性，有了就加1没有了就赋值为一 使用for in遍历对象 var str = 'abcoefoxyozzopp'; var obj = {};//创建一个空对象用于存放charAt()得到
2020-07-19 20:57:53
1532
原创 用js实现倒计时
倒计时思路： 1.用户输入规定一个时间，用规定的时间减去现在的时间，就是还剩余的时间 2.使用时间戳来进行运算比较准确。把相差得总毫秒数算出来，再运用公式来计算具体的天，小时，分钟，秒 3. var nowTime = +new Date(); // 返回的是当前时间总的毫秒数 var inputTime = +new Date(time); // 返回的是用户输入时间总的毫秒数 转换公式如下： d = parseInt(总秒数/ 60/60 /24); // 计算天数 h = parseInt(总
2020-07-19 20:55:17
357
原创 for循环的小练习
求1-100之间所有数的总和与平均值 题目提示： 利用循环快速找到1-100的数字 var sum = 0; var average = 0; for (var i = 1; i <= 100; i++) { sum = sum + i; average = sum / i; } console.log(sum); console.log(average); 求1-1
2020-07-11 14:52:30
832
原创 js中分支结构小练习
1- 判断时间阶段。 题目描述： 用户输入几点弹出问候信息； 如用户输入12点中午好； 用户输入18点 弹出傍晚好； 用户输入23点弹出深夜好； 题目提示： 通过比较运算符判定输入的时间的范围，弹出相应的问候信息 在这里插入 var time = prompt('请输入时间'); if (time == 12) { alert('中午好！'); } else if (time == 18) { alert
2020-07-09 21:31:30
1513
5
原创 js数据类型、运算符、流程控制知识点总结
数据类型 1.数据类型简介 为了便于把数据分成所需内存大小不同的数据，充分利用存储空间 数字型：数字（不能用引号） 八进制：var num=010(数字前面加0，表示八进制) 十六进制：var num=0x9(数字前面加0x表示十六进制) 最大值：Number.MAX_VALUE，这个值为： 1.7976931348623157e+308 最小值：Number.MIN_VALUE，这个值为：5e-32(点代表Number数字的最大值/最小值) Infinity ，代表无穷大，大于任何数值 -Infinit
2020-07-09 21:26:20
211
原创 js和变量的介绍
JS是编程语言（有较强的逻辑性和行为能力），html是标记语言（被读取） js是运行在客户端的脚本语言 1.JavaScript的作用 表单动态校验 （ 最初的目的 ） 网页特效 服务端开发(Node.js) 桌面程序(Electron) App(Cordova) 控制硬件-物联网(Ruff) 游戏开发(cocos2d-js) 2.浏览器执行 JS 简介 浏览器本身并不会执行JS代码，是通过 JS（ 解释器)来执行 JS 代码 的，执行代码时逐行解释每一句源码，然后由计算机去执行， 3.js组成
2020-07-05 22:16:28
245
原创 用C语言完成音乐播放器
//声明开始 #include <stdio.h> #include <unistd.h> #include <stdlib.h> #include <fcntl.h> #include <gtk/gtk.h> #include <string.h> #include "sungtk_interface.h" #include "sungtk_interface.c" GtkWidget * window; GtkWidget * wi
2020-07-04 15:20:49
1675
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人