vue
左又
虽然走得慢,但是总会到达终点;
展开
-
vue 利用原生滚动监听tabs亮显
1、htmltabs对应监听模块<div class="scroll-item" ref="content2">1</div><div class="scroll-item" ref="content2">2</div><div class="scroll-item" ref="content2">3</div><div class="scroll-item" ref="content2">4</d原创 2022-05-27 15:42:36 · 448 阅读 · 0 评论 -
vue-count-to数字动效自增长
可以设置动画时间、数字分隔符、数字小数点、数字起始值的轻量vue数字插件,demo如下:http://panjiachen.github.io/countTo/demo/1、安装依赖npm install vue-count-to2、使用<template> <countTo ref="myNum" :startVal="startVal" :endVal="endVal" :duration="3000"></countTo></t.原创 2022-05-19 16:23:17 · 888 阅读 · 0 评论 -
vue分页组件
/** * 分页组件 */<template> <div class="pagination"> <ul class="pager clear" @click="onPage"> <li :class="{ disabled: page <= 1 }" :aria-disabled="page <=原创 2022-04-13 16:52:04 · 4898 阅读 · 4 评论 -
VUE封装radio组件
1、radio子组件<template> <div class="radio-group"> <div v-for="(item, index) in options" :key="index" class="radio-link"> <div class="radio-list"> <div class="radio-area">原创 2022-03-30 16:31:59 · 1742 阅读 · 0 评论 -
关于vue3整理
1、vue3使用thisvue3提供了getCurrentInstance ,通过这个属性,找到全局属性globalPropertiesimport { getCurrentInstance } from 'vue'const instance = getCurrentInstance()const parent = instance.appContext.config.globalProperties原创 2021-12-07 15:02:37 · 378 阅读 · 0 评论 -
使用render函数渲染html以及添加title属性
使用render函数渲染htmlbtnData: [ { key: '1', content:'停止', }, { key: '2', content: '重新执行', }],operation(trData){ const parent = this; return new Vue({ render(h) { const btnComp = h(原创 2021-03-19 14:46:41 · 2990 阅读 · 0 评论 -
tinymce在vue2中的用法
一、版本本文是针对vue2中使用tinymce@5.1.0-S以及tinymce/tinymce-vue@3.0.1版本;二、使用命令npminstalltinymce@5.1.0-Snpminstall@tinymce/tinymce-vue@3.0.1-S三、语言包安装命令后,在 node_modules 中找到 tinymce文件夹,然后将tinymce目录拷贝到static目录下(可以根据自己需求复制对应的文件夹,但是skins是必需的)tinymce 默...原创 2021-03-09 17:07:53 · 10394 阅读 · 2 评论 -
vue恢复默认值
原创 2020-11-27 15:00:42 · 1358 阅读 · 0 评论 -
Vue自定义组件Props中接收数组或对象
自定义弹框组件时,需要在弹框内展示商品list,所以需要组件中的对应字段接收一个Array数组,默认返回空数组[],直接定义空数组报错,如下所示。props: { content: { type: Array, default: [] },}报错信息[Vue warn]: Invalid default value for prop "co...转载 2019-12-25 11:22:46 · 2579 阅读 · 0 评论 -
前端时间戳装换成年月日(vue)
直接上代码啦//转换年月日方法(connect连接符号)getDate(str,connect){ var oDate = new Date(str), oYear = oDate.getFullYear(), oMonth = oDate.getMonth()+1, oDay = oDate.getDate(), oHour =...原创 2019-10-29 14:26:03 · 710 阅读 · 0 评论 -
vue的this.$set(this.xxx, index, data);
只更新表格其中一列数据,所有for循环同理。html<table> <tr v-for="(order,index) in chargeList" :key="index"> <td>{{ order.orderRequestTime }}</td> <td>{{ order.orderId }}</td>...原创 2019-08-02 10:11:25 · 1789 阅读 · 0 评论