随笔分类 -  Vue

摘要:<div class="code"> <img class="scan" src="../assets/images/scan.png" alt="" @click.stop="openQrcode('camera')" /> <input class="input" type="number" p 阅读全文
posted @ 2024-01-11 18:00 MiniDuck 阅读(102) 评论(0) 推荐(0) 编辑
摘要:<div class="code"> <img class="scan" src="../assets/images/scan.png" alt="" @click.stop="openQrcode('getScanData')" /> <input class="input" type="numb 阅读全文
posted @ 2024-01-11 17:57 MiniDuck 阅读(204) 评论(0) 推荐(0) 编辑
摘要:此时的package.json中: 这时我们把以下的语句粘贴到项目本身的package.json文件里面:"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start": "npm 阅读全文
posted @ 2023-02-24 15:37 MiniDuck 阅读(296) 评论(0) 推荐(0) 编辑
摘要:1:router-link跳转 <!-- 直接跳转 --> <router-link to='/testDemo'> <button>点击跳转2</button> </router-link> <!-- 带参数跳转 --> <router-link :to="{path:'testDemo',que 阅读全文
posted @ 2022-12-28 16:40 MiniDuck 阅读(6125) 评论(0) 推荐(0) 编辑
摘要:情景描述 页面 /a, 有输入框, 当输入框输入合适的值的时候, 不隐藏软键盘, 点击相应按钮直接跳到 /b 页面 /b, 页面本来内容很少, 没有滚动条的, 可是莫名的被下方的灰色区域顶到可视区上面, 内容被隐藏了一点, 但是手动拉回正常展示以后, 问题就不再重现 解决办法(针对单个页面这个问题的 阅读全文
posted @ 2022-12-28 16:10 MiniDuck 阅读(911) 评论(0) 推荐(0) 编辑
摘要:App.vue // App.vue export default { data() { return { // socket参数 socket: null, timeout: 10 * 1000, // 45秒一次心跳 timeoutObj: null, // 心跳心跳倒计时 serverTime 阅读全文
posted @ 2022-09-16 12:25 MiniDuck 阅读(1947) 评论(0) 推荐(0) 编辑
摘要:蓝色圈中的div,高度固定,红框圈中的时ul-li,滚动可加载更多;源码如下: <div class="index_mode4" v-if="hasData"> <div class="index_mode4_title"> <h2>最近访客</h2> <span>记录当天最新访问次数</span> 阅读全文
posted @ 2021-01-15 12:01 MiniDuck 阅读(1005) 评论(0) 推荐(0) 编辑
摘要:举例需求:在A标签的跳转地址上带上参数openid?实现方法: <a :href="'userinfo.html?openid='+item2.openid" class="goIntime">浏览过{{item2.num}}次</a> 阅读全文
posted @ 2021-01-13 10:29 MiniDuck 阅读(667) 评论(0) 推荐(0) 编辑
摘要:1.基本示例 <div id="app8"> <button-counter></button-counter> </div> <script> Vue.component('button-counter',{ data:function(){ return{ count:0 } }, templa 阅读全文
posted @ 2020-10-19 15:36 MiniDuck 阅读(182) 评论(0) 推荐(0) 编辑
摘要:.lazy 在默认情况下,v-model 在每次 input 事件触发后将输入框的值与数据进行同步 (除了上述输入法组合文字时)。你可以添加 lazy 修饰符,从而转为在 change 事件_之后_进行同步: <!-- 在“change”时而非“input”时更新 --> <input v-mode 阅读全文
posted @ 2020-10-19 11:52 MiniDuck 阅读(128) 评论(0) 推荐(0) 编辑
摘要:一:模板语法: 1.{{ }}:数据绑定最常见的形式就是使用 {{...}}(双大括号)的文本插值 2.v-html :指令用于输出 html 代码 <div id="app7"> <p>Using mustaches: {{ rawHtml }}</p> <p>Using v-html direc 阅读全文
posted @ 2020-06-01 13:09 MiniDuck 阅读(2127) 评论(0) 推荐(0) 编辑
摘要:好吧,我就是单纯的举个例子:实现显示变量 message 的翻转字符串 第一种:methods:我们可以通过在表达式中调用方法来达到同样的效果: 第二种:computed:计算属性 上面的2中方法都实现了我想要实现的效果。但是 注:我们可以将同一函数定义为一个方法而不是一个计算属性。两种方式的最终结 阅读全文
posted @ 2019-08-10 00:12 MiniDuck 阅读(1977) 评论(0) 推荐(0) 编辑
摘要:区别1: v-if :可以根据表达式的值在DOM中生成或移除一个元素。 v-show:可以根据表达式的值来显示或者隐藏HTML元素。当v-show赋值为false时,元素被隐藏,此时查看代码时,该元素上会多一个内联样式style=“display:none”。 测试一:皆为true时 测试2:v-i 阅读全文
posted @ 2019-08-06 17:40 MiniDuck 阅读(22372) 评论(0) 推荐(3) 编辑
摘要:2019-08-05 0:20 Vue.js 监听属性 watch,我们可以通过 watch 来响应数据的变化。 以下实例通过使用 watch 实现计数器:(此时我就想了一下,好像绑定点击事件,也是可以实现计数器的,所以,我就自己增加了一个点击事件“我真牛”) 一个小秘密,在菜鸟教程https:// 阅读全文
posted @ 2019-08-05 00:24 MiniDuck 阅读(2397) 评论(3) 推荐(0) 编辑
摘要:1.首先我们需要安装node.js,下载地址是:https://nodejs.org/en/ 之后是node.js的正常安装步骤; 接着打开window+R输入cmd回车进入命令行模块 2.确认node.js是否安装,输入:node -v (若回车后有返回版本号,则说明已安装,若没有返回,表示需要你 阅读全文
posted @ 2019-08-01 23:34 MiniDuck 阅读(787) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示