2020年12月_gyuei

原创 css3实现字幕滚动效果(即跑马灯效果)

wxml代码如下：<view class='notable-container'> <view class="words"> 这是一条滚动的字幕这是一条滚动的字幕这是一条滚动的字幕这是一条滚动的字幕这是一条滚动的字幕 </view></view>css代码如下：.notable-container { width: 100%;}.notable-container .words { font-size: 10pt;

2020-12-30 18:34:36 3214

原创 Js之 filter、map、reduce的使用

总结:1.filter() 不会对空数组进行检测,filter() 不会改变原始数组2.map() 不会对空数组进行检测,map() 不会改变原始数组

2020-12-25 14:54:11 353 2

原创 Js之 push、pop、shift、unshift的区别

已知数组let array = ["a", "d", "v", "c","g"]push方法:在数组的末尾添加一个或多个元素console.log(array.push('j','k')) // 返回数组的长度 7console.log(array) // 得到新数组 ["a", "d", "v", "c","g","j", "k"]pop方法: 删除数组中的最后一个元素console.log(array.pop()) // 删除的元素 gconsole.log(array) //

2020-12-24 16:19:38 3781 3

原创 Vue之动态绑定style

1.对象语法示例代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div

2020-12-22 18:23:17 916

原创 Vue中{{}}、v-text和v-html

区别：{{}}和v-text会将元素当成纯文本输出v-html会将元素当成html标签解析后输出示例代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</t

2020-12-22 14:28:52 467

原创 table表格customRender的使用

1. 使用customRender引入插槽 scopedSlots: { customRender: 'action' }2. 使用customRender指定渲染内容columns: [ { title: '类型', dataIndex: 'type', customRender: text => { if (text === 0) { return '客户1' } else if (text ==

2020-12-22 11:49:46 30300 5

原创 Vue组件之子传父踩坑记录

问题:Event "fatherChange" is emitted in component <MyComponent> but the handler is registered for "fatherChange". Note that HTML attributes are case-insensitive and you cannot use v-on to listen to camelCase events when using in-DOM templates. You sho

2020-12-17 18:29:40 2054 1

原创 antdv之全局配置国际化文案

由于版本更新,<a-locale-provider>标签需要换成<a-config-provider>标签( App.vue文件 )<template> <a-locale-provider :locale="locale"> <App /> </a-locale-provider></template><script> import zhCN from 'ant-design-vue

2020-12-03 22:04:14 1502

gyueh的博客