- 博客(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
1483
原创 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，跳转和传参的时候是routerparams可以理解为a
2021-04-30 16:54:30
184
1
原创 2021-04-30
业务需求：跳转每个模块之前都有一个协议页面，要先同意协议之后才能真正进入相应的模块。思路：将协议页面封装为组件，由于协议样式相同内容不同，决定将协议的主要内容放在JSON文件中，在组件中引入JSON文件。//父组件 agreementType进行判断是哪个模块的协议<Agreement :show.sync="agreementShow" :agreementType="agreementType"></Agreement>//agreement.json文件{
2021-04-30 15:57:11
203
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
184
原创 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
1294
原创 创建Vue项目的前期准备和出现的问题
安装node和git（在官网上下载即可）在终端中使用淘宝镜像来下载依赖包2.1在终端中输入（安装淘宝镜像） npm config set registry=https://registry.npmjs.org/2.2安装包管理器nrm(全局安装)npm i nrm -g2.3查看所有可用的镜像源nrm ls2.4果出现无法识别该命令的时候配置一下环境变量2.5系统禁止运行脚本时，以管理员身份打开cmd输入输入 set-executionpolicy remotesigned.
2020-10-02 10:35:25
374
原创 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
458
原创 使用原生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
823
原创 判断一个字符串 ‘abcoefoxyozzopp‘ 中出现次数最多的字符，并统计其次数
案例：判断一个字符串 ‘abcoefoxyozzopp’ 中出现次数最多的字符，并统计其次数 思路：indexOf可以查找字符串中元素的索引号，charAt可以根据索引号得到该地方的字符核心算法：先使用charAt()遍历整个字符串，并把得到的每个字符都存储在对象中。使用if判断对象中是否有这个属性，有了就加1没有了就赋值为一使用for in遍历对象 var str = 'abcoefoxyozzopp'; var obj = {};//创建一个空对象用于存放charAt()得到
2020-07-19 20:57:53
1495
原创 用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
328
原创 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
807
原创 js中分支结构小练习
1- 判断时间阶段。题目描述：用户输入几点弹出问候信息；如用户输入12点中午好；用户输入18点 弹出傍晚好；用户输入23点弹出深夜好；题目提示：通过比较运算符判定输入的时间的范围，弹出相应的问候信息在这里插入 var time = prompt('请输入时间'); if (time == 12) { alert('中午好！'); } else if (time == 18) { alert
2020-07-09 21:31:30
1473
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
192
原创 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
221
原创 用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
1627
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人