Vue
奄奄一息的一条咸鱼
这个作者很懒,什么都没留下…
展开
-
【Vue】使用js在vue项目中实现列表无缝滚动
【代码】【Vue】使用js在vue项目中实现列表无缝滚动。原创 2023-06-14 10:41:14 · 1527 阅读 · 0 评论 -
【vue】vue-cli3中用axios访问本地json文件报错404
去访问时,却报错404了。文件保存到本地时,通过。原创 2023-04-13 13:32:26 · 1341 阅读 · 1 评论 -
【vue】jeecgBoot没有后端接口时,前端如何将JeecgBoot项目跑起来
至于登陆的账户和密码,可以在链接:https://boot.jeecg.com/user/login中,获取演示账号密码进行登陆,就可以了。,这是JeecgBoot的官方在线接口,可以让我们在没有后端接口的情况下,在登录页可以拿到验证码,先把项目运行起来。原创 2023-04-10 10:10:06 · 918 阅读 · 0 评论 -
将使用到的echarts图表导出为一张图片
将使用到的echarts图表导出为一张图片。原创 2022-11-18 17:14:33 · 562 阅读 · 0 评论 -
【vue】Ant Design Vue中使用Table组件实现设置某个单元格的样式
根据返回的某个标准值,让表格中的每个值跟这个标准值进行对比,大于了这个标准值,该单元格就标红显示。原创 2022-11-18 17:09:16 · 1880 阅读 · 0 评论 -
【JS】前端处理后端返回的流(转为word文档或excel)
前提:后端返回的流是word格式的,是一堆乱码,前端需要对流处理并导出为word格式实现:主要是借助于和标签的和属性具体代码实现如下:按项目需求:要导出某个用户的空白试卷和已答试卷封装好的方法:...原创 2022-08-06 13:11:17 · 4305 阅读 · 0 评论 -
【vue】Ant Design Vue组件中的Select 选择器实现全选/全不选功能
因为 Ant Design Vue 组件中的 Select 是没有全选/全不选功能的,但是项目中有这个需求,而且确实方便,于是就自己简单的自定义了一下,最终实现效果如下:原创 2022-07-08 14:57:41 · 4641 阅读 · 0 评论 -
【vue】vue项目中实现pdf预览功能
我用的方法是,所以前提得有一个后端返回的pdf文件路径,放到地址栏可以直接预览,而不是直接下载下来的。实现方式如下:最后的效果如下:说明:pc端实现pdf预览方式蛮多的,也可以使用插件,也可以用,但需要用一个对话框组件去展示...原创 2022-07-07 21:56:44 · 1613 阅读 · 0 评论 -
【vue】在vue项目中按顺序动态24个英文字母选项:A B C D E F......
点击增加选项和答案后,会按顺序新增24位的英文字母:ABCDE......原创 2022-06-30 13:08:52 · 2391 阅读 · 0 评论 -
Vue:在一个组件中使用另一个组件的三个步骤
比如:有一个App.vue组件 和一个 MyHeader.vue组件,想要在App组件中使用MyHeader组件,需要以下三步:<template> <div> # 3.在DOM结构中以标签的形式使用组件 <my-header></my-header> </div></template><script>// 1. 先导入MyHeader.vue组件import MyHeader from './comp原创 2022-03-08 13:19:33 · 1828 阅读 · 0 评论 -
Vue:beforeDestroy和destroyed生命周期函数的特点
beforeDestroy生命周期函数表示即将销毁,此时仍然可以使用子组件的实例、methods、watch到了destroyed生命周期函数,此时已经被销毁,无法再使用子组件的实例,methods、watch原创 2022-03-08 10:09:50 · 4840 阅读 · 0 评论 -
Vue:beforeUpdate和updated生命周期函数的特点
当beforeUpdate生命周期函数被触发了,说明数据被修改了,此时将要把最新的数据渲染到DOM结构中,但还没有渲染,因此,该阶段看到的DOM元素的内容还是旧的内容。代码操作示例:<template> <div> <p ref="pRef">{{count}}<p> # 单击按钮后,数据就发生了修改,会触发beforeUpdate <button @click="count++">点击+1</button> &l.原创 2022-03-03 14:03:22 · 2071 阅读 · 0 评论 -
Vue:beforeMount和mounted生命周期函数特点
beforeMount生命周期函数,是将要渲染html结构,但还没有渲染,此时是无法获取到DOM元素的,不常用。mounted生命周期函数,已经将html结构渲染到了浏览器中,此时可以操作DOM元素。操作代码示范:<template> <div class="my_main" ref="mainRef">MyMain组件</div></template><script>export default { data() { .原创 2022-03-02 16:07:29 · 2296 阅读 · 0 评论 -
Vue:beforeCreate和created生命周期函数的特点
在写好一个组件时,并没有创建Vue的实例,在一个组件中通过标签去使用该组件时,才相当于创建了Vue实例,这个创建的过程是一瞬间的。在创建Vue实例的时候,第一件事要做的就是初始化事件和生命周期函数(第一个绿色的框),当事件和生命周期函数都被初始化好以后,就会立即执行函数:beforeCreate(){}而此阶段的data、methods、props还未被创建,无法使用,如果使用则报错代码演示(MyMain.vue组件):<template> <div class="my_ma.原创 2022-03-02 15:01:58 · 1444 阅读 · 0 评论 -
Vue:侦听器watch
watch侦听器可以侦听到data中数据的变化,当值发生了改变,watch 侦听器就会被触发,所有的侦听器函数都要写到watch 节点中代码示范:<template> <div> <p>小宇今年 {{age}} 岁了</p> <button @click="age++">年龄+1</button> </div></template><script>export default{原创 2022-03-08 13:09:52 · 575 阅读 · 0 评论 -
Vue:vue中的指令(属性绑定指令、事件绑定指令、修饰符、双向绑定指令...)
内容指令v-text指令:v-text 和原生js中的 innerText 差不多,都无法解析标签,会把标签当做文本输出,在vue中使用 v-text指令会覆盖标签原来的内容代码示范:<template> <div> # 最后输出结果为Hello Vue~~会被覆盖掉 <p v-text="msg">Vue~~</p> </div></template><script> export defaul原创 2022-03-08 11:52:57 · 5968 阅读 · 0 评论