随笔分类 - Vue
摘要：场景：封装一个组件 - 简易计算器，在文本框点击时显示计算器，点击计算器上的按钮即数字、运算符等，就将点击的按钮文本插入到文本框的光标处 计算器组件calculator.vue <template> <!-- 计算器 --> <div ref="calculator" class="calculat
阅读全文
摘要：vue.config.js // vue.config.js const vueConfig = { chainWebpack: config => { config.plugin('html').tap(args => { args[0].title = '这里设置标题' return args
阅读全文
摘要：Index.vue父组件中引入一个子组件AuthModal.vue import AuthModal from './modules/AuthModal' 因为AuthModal.vue js代码过多，就将js代码提取到一个独立的js文件中了 - AuthModal.js AuthModal.vue
阅读全文
摘要：1、在methods中定义节流函数： /** * @desc 函数节流，规定在一个单位时间内，只能触发一次函数，如果这个单位时间内触发多次函数，只有一次生效； 典型的案例就是鼠标不断点击触发，规定在n秒内多次点击只有一次生效。 * @param func 函数 * @param wait 延迟执行毫
阅读全文
摘要：一、首先在百度api注册获得ak密钥 二、新建js文件，我命名为loadBMap.js，里面创建script，代码如下： /** * 加载地图 * @param {Function} callback 回调函数名称，回调函数将会挂载到window上，例如：window.initBaiduMapScr
阅读全文
摘要：Vue->Template： <a-date-picker v-model="value" :disabled-date="disabledDate" /> Vue->Methods： // 设置不可选择的日期 disabledDate (current) { this.value = undefi
阅读全文
摘要：mixin.js - 方式一：导出对象 const mixin = { mounted () { console.log('fffffffffffff') }, methods: { } } export { mixin } 使用时，就应该使用对象的方式导入，即：{ mixin } import {
阅读全文
摘要：【方式一】：通过设置customRow达到目的，点击时遍历所有行设置为正常颜色，把当前行设置为特殊颜色（高亮色） HTML： <a-table ref="table" size="small" rowKey="id" bordered :columns="physicalSurveyColumns"
阅读全文
摘要：需求：需要把左侧的数据表，拖拽到右侧的表关联区域 左侧数据表HTML： <h3 class="data-block">数据表</h3> <a-input-search placeholder="输入关键词搜索" @search="handleSearchTable" style="width: 90
阅读全文
摘要：按照官网上用法写好表单后，在a-select上绑定了change事件 <a-form-model-item label="类型" prop="config.type"> <a-select v-model="form.config.type" placeholder="请选择数据库类型" @chan
阅读全文
浙公网安备 33010602011771号