logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

基于element NavMenu 导航菜单布局样式,对vue-typescript-admin-template进行更改

目前菜单项为静态生成界面截图路由设置import Vue from "vue";import Router from "vue-router";import Layout from './views/main/main.vue';Vue.use(Router);export default new Router({// mode: "history

vue动态引入js,路径为变量

import(`@/${path}`) // path为变量import(`@/${path}`).then(item=>{}); // item为引入js的export

Vue拨打电话功能

.vue<van-tabbar-item @click="dialPhoneNumber(Telephone)"><span>打电话</span></van-tabbar-item>.tsprivate dialPhoneNumber(phoneNumber) {if

vue 父通过props向子传值,默认值为数组

indexArray: {default: function () {return [];}}

vue动态绑定ref与获取

动态设置ref,绑定变量 ,index为变量<div :ref="`content${index}`"></div>获取refthis.$refs[`content${index}`];

vue i18n 多语言文本指定位置动态改变, 实现占位替换

zh.jsexport const message = {alarm_1010: "ip为{id}xxxxxx",}或export const message = {alarm_1010: "ip为{0}xxxxxxxx{1}xxxxxx",}使用:{{$t('message.alarm_1010',{id:id})}}或{{$t('mess...

基于element NavMenu 导航菜单布局样式,对vue-typescript-admin-template进行更改

目前菜单项为静态生成界面截图路由设置import Vue from "vue";import Router from "vue-router";import Layout from './views/main/main.vue';Vue.use(Router);export default new Router({// mode: "history

Vue 简单的记录div滚动条的位置,并返回顶部

效果图:.vue在最外层的div:<div @scroll="divScroll" >引入返回顶部的图标:<img class="imgTop" src="../../../assets/img/top.jpg" @click="scrollTop">.tspri

vue 判断元素内容是否超过宽度

let isOverflow = this.$refs.isOverflow;for (let i in isOverflow) {let cWidth = isOverflow[i].clientWidth;let sWidth = isOver...

vue 输入框回车搜索

@keyup.enter.native="queryAdminRole"<el-inputstyle="width:300px;"placeholder="请输入查询内容"v-model="keyword"class="input-with-select"@keyup.enter...

    共 18 条
  • 1
  • 2
  • 请选择