
vue.js
文章平均质量分 65
学习vue.js相关内容,主要是记录过程
编程初学者01
愿代码干净整洁,合理注释,不断进步。
展开
-
Vue项目路由路径中去掉#
在Vue中,有两种常见的路由模式:哈希模式(Hash Mode)和历史模式(History Mode)。要在Vue项目中选择路由模式,在创建Vue Router实例时,可以通过。原创 2024-01-09 09:32:54 · 2387 阅读 · 0 评论 -
element-ui确认框
组件是一个确认框,它显示一个提示文本,并提供确定和取消按钮。当用户点击确定按钮时,会触发。这是一个Vue.js的模板代码片段,它使用了Element UI库中的。请注意,这只是一个代码片段,还需要在Vue组件中进行相应的配置和调用。属性指定插槽名为"reference",表示它是。当用户点击该按钮时,会调用。属性来定义作用域插槽,将作用域对象。组件实现一个删除确认功能。组件是一个按钮,通过。原创 2024-01-09 09:28:10 · 1629 阅读 · 0 评论 -
用element-ui进行简单的商品管理
【代码】用element-ui进行简单的商品管理。原创 2023-12-01 19:34:07 · 588 阅读 · 0 评论 -
‘vue’不是内部或外部命令,也不是可运行的程序或批处理文件
怀疑是cli版本的问题,结果删了过后想要重新安装变一直卡在。其实也不知道是不是这样解决,反正就挺离谱的,之前一直卡在。今天打算重新创建一个vue项目,结果一直创建不了,,命名切换了淘宝源,不管了反正已经成功了。查看prefix的路径,在环境变量中添加。然后就直接vue不是内部或外部命令了。然后重新安装vue,使用。原创 2023-11-07 11:44:53 · 155 阅读 · 0 评论 -
Vue动手实践p110和p107小试牛刀
简答的复习一下vue组件的内容,由于最近事情多,更新进度放慢原创 2023-11-06 08:22:12 · 139 阅读 · 0 评论 -
Vue组件自定义事件父子
父组件使用props传递数据给子组件,子组件怎么跟父组件通信呢?这时,Vue的自定义事件就派上用场了。原创 2023-10-25 10:52:14 · 128 阅读 · 0 评论 -
使用Vue组件的watch监听-简单计算器
这里做了一个全局的组件在script中直接其他的部分就是之前所讲的watch来实现简易计算器差不多原创 2023-10-18 15:12:48 · 275 阅读 · 0 评论 -
axios调用springboot项目接口获取数据简述版
简述版前端<div id=app><table><tr v-for="item in all"> <td>{{item.cno}}</td> <td>{{item.name}}</td> <td>{{item.age}}</td>原创 2023-10-11 11:51:50 · 572 阅读 · 0 评论 -
Vue axios调用springboot接口获取数据库数据并显示到网页
那么到这里基本上运行项目后可以正常的获取数据库数据并显示到页面上了。当然这里所展示的仅仅是关于axios调用接口部分,其余的内容真的还差很多,总之完成一个项目还是任务艰难的。springboot图片的上传与显示。原创 2023-10-11 11:44:39 · 1740 阅读 · 0 评论 -
常见Vue事件修饰符浅析
所谓的capture就是指在事件捕获阶段监听还是在冒泡阶段监听,将其设置为true表示在捕获阶段监听,设置为false表示在冒泡阶段监听。.prevent修饰符代表event.preventDefault(),加上这个修饰符,就等于在方法中加上了这句代码。例如执行滚动操作,当监听页面的滚动事件时,只有当方法执行过程结束后页面才会滚动,但当在移动端时就会造成滚动卡顿的现象。.stop修饰符代表event.stopPropagation(),加上这个修饰符,就等于在方法中加上了这句代码。原创 2023-10-09 20:23:18 · 220 阅读 · 0 评论 -
Vue城市选择器示例(省市区三级)
读者可以参考下面的省市区三级联动代码思路,切记要仔细研究透彻,学习交流才是我们的本意,而非一成不变。最近又重读苏子的词,颇为感慨,愿与诸君共享一名篇。原创 2023-09-27 11:10:40 · 1417 阅读 · 1 评论 -
Vue computed计算属性购物车实例
对于computed的计算属性可以通过这个购物车例子来了解,笔者最近很是疲累,真的不想过多解释了,还请读者自行看代码研究。原创 2023-09-26 20:20:40 · 414 阅读 · 0 评论 -
Vue watch实时计算器
/执行handler函数 固定写法。可以自己选择+、-、*、÷。原创 2023-09-26 20:12:24 · 283 阅读 · 0 评论 -
vue简单案例----小张记事本
具体效果如图所示,这里就简单展示,还有很多不足的地方,希望大家可以对这个小项目进行改进,话不多说可以参考下面的代码原创 2023-09-23 11:52:38 · 327 阅读 · 0 评论 -
[Vue] 绑定下拉菜单
同学们,今天的天气很是不错,我们之前进行了复选框的绑定,这次来看看下拉菜单的绑定吧,因为要赶这个创作进度,真的只有再水一篇文章了。大家就当是饭后甜点看看就行。苏子云荷尽已无擎雨盖,菊残犹有傲霜枝。一年好景君须记,最是橙黄橘绿时。诸位还是得培养文化气息,雨季尤为重要,是心灵感悟和生化最好的时机。原创 2023-09-20 12:03:07 · 442 阅读 · 0 评论 -
Vue复选框批量删除示例
通过使用v-model指令绑定单个复选框例如而本次我们要做的示例大致是这样的,首先可以增加内容,然后通过勾选来进行单独或者,但是在此处就可以进行批量操作。通过勾选原神和明日进行批量删除后,发现成功了,那么这就是表名咱们的操作没有问题,接下来就要具体代码实现。原创 2023-09-19 13:54:20 · 1442 阅读 · 0 评论 -
Vue.js标签v-bind和v-on初探实例
本来这次作业还是想水一下饿,但是要是写太少的字数对曝光量不易,所以还是有水字数的必要,虽然说真的很语无伦次,不知所言,但是还是有必要说明情况,具体什么情况,且听接下来的分析。原创 2023-09-13 11:59:46 · 214 阅读 · 0 评论 -
初探Vue.js及Vue-Cli
我在这里想补充一些对于自主选择vue-cli版本的问题,一般执行上述安装命令后,会自动下载一个版本,使用。,vuetest是我自己取的名字,这个可以自定义,反正就是你这个项目的名字,成功后就是下面的界面。进入vue部分,可以筛选版本,我这里使用的是2.7.10版本的,可以根据自己的需要选择版本。接下来就是回答一些问题,由于我选的太快了就没有留下截图,反正接下来就是漫长的等待环节。由于我已经切换了,那么可以检查一下是否为淘宝源,发现已经切换成功了。,记住,@后面的是版本号,比如我这里指定5.0.4版本。原创 2023-09-06 11:46:00 · 909 阅读 · 0 评论