搜索内容

包含标签:Vue.js 的文章
  • win7 安装最后一个支持的nodejs-13.14.0
    其他

    win7 安装最后一个支持的nodejs-13.14.0

    win7 安装最后一个支持的nodejs-13.14.0 - hy33 - 博客园
    admin 刚刚
  • VUE中v-model和v-bind的区别
    其他

    VUE中v-model和v-bind的区别

    v-model:双向绑定变量,可以直接在页面修改变量的值; v-bind:给dom节点属性动态赋值,不可在页面上直接修改变量值 v-bind:disabled=“isRead” 可简写为 :disabled=“isRead”,isRead为变量名 有补充的小伙伴欢迎评论区见~
    admin 今天
  • vue 跨域请求数据,点击列表转详情页
    其他

    vue 跨域请求数据,点击列表转详情页

    以腾讯校招公告接口为例:https://join.qq.com/api/v1/noticeDynamic/getNoticeDynamicList  在view文件夹里分别创建 列表页Lb.vue和内容页Nr.vue,并在router路由文件index.js里引入 没设置跨域之前访问不到数据,控制台以Access to XMLHttpRequest开头的报错,这就是跨域. 解决:src文件夹同级目录创建vue.config.js vue.config.js内容: module.exports = { devServer: { proxy: { // 配置跨域,请求后端接口 "/tx": { target: "https://join.qq.com/", changeOrigin: true, pathRewrite: { '^/tx': '' }, }, }, }, }; Lb.vue内容:
    admin 今天
  • element日期选择器,去掉此刻按钮
    其他

    element日期选择器,去掉此刻按钮

    去掉此刻按钮也看了很多方法,以下的方法,也符合我的需求,亲测可行,话不多说,上代码吧!
    admin 今天
  • vuex 安装持久化插件
    其他

    vuex 安装持久化插件

    npm install --save vuex-persistedstate 文件目录  ```store store ├─ modules │ ├─ control.js │ └─ user.js ├─ getters.js └─ index.js ``` --- import createPersistedState from 'vuex-persistedstate' export default new Vuex.Store({ state, mutations, actions, modules: modules, strict: isDebug, /** * createPersistedState vuex持久化,防止页面刷新数据丢失 *存储所有state storage: win
    admin 今天
  • vue基础知识
    其他

    vue基础知识

    一、表单操作 1.1表单绑定语法
    姓名:
    性别:
    爱好 唱歌 跳舞 敲代码
    户籍 <
    admin 今天
  • vue Excel文件上传
    其他

    vue Excel文件上传

    使用element组件el-upload 上传文件
    文件判断 beforeUpload(file){ console.log(file,'文件'); this.files = file; const extension = file.name.split('.')[1] === 'xls'
    admin 今天
  • 【VUE 报错】 [Vue warn]: Duplicate keys detected: XXXXXX. This may cause an update error
    其他

    【VUE 报错】 [Vue warn]: Duplicate keys detected: XXXXXX. This may cause an update error

    What happen: got error message: > [Vue warn]: Duplicate keys detected: XXXXXXXXXXX. This may cause an update error Why: 是因为同样的key用在了不同的for循环中 How to do: 更改报错处for循环的key值
    admin 今天
  • [Linux kill进程] kill 进程pid的使用详解
    其他

    [Linux kill进程] kill 进程pid的使用详解

    前言: kill -9 就是类似于 你把一个正在运行的 软件直接 关闭!很多东西可能造成没有保存 而kill -15  他会有一个 关闭过程, 类似于 你电脑关机的时候, 他会自动先关闭后台其他应用!!!  或者 kill -2  /  kill  -1   杀手锏kill -9     kill 常用指令: HUP 1 终端断线INT 2 中断(同 Ctrl + C)QUIT 3 退出(同 Ctrl + \)TERM 15 终止  慢慢杀死KILL 9 强制终止  暴力杀死CONT 18 继续(与STOP相反, fg/bg命令)STOP 19 暂停(同 Ctrl + Z) kill -l  列表  这个就是使用前面的  数字代替   列如第9个  kill -SIGKILL --->kill -9   kill 命令是用来向进程发送信号的,下面就是相关信号列表
    admin 今天
  • CSS :before、:after伪元素 content属性 中文乱码
    其他

    CSS :before、:after伪元素 content属性 中文乱码

          解决办法: http://tool.chinaz.com/tools/unicode.aspx 将中文转为unicode 编码 站长工具,例如:精 —>\u7cbecontent: "\7cbe"; 效果图  
    admin 今天
  • vue3跳转路由
    其他

    vue3跳转路由

    import { useRouter } from 'vue-router'; export default { setup() { const $router = useRouter(); //点击方法 const urlClick= () => { $router.push({ path:'你的路径'}) } return{ //方法需要return出去 urlClick } } }
    admin 今天
  • 父元素flex:1,子元素宽度100%失效的问题
    其他

    父元素flex:1,子元素宽度100%失效的问题

    今天做项目时遇见一个问题,父元素在设置flex:1来固定宽度撑满时,子元素设置width100%无效。经过尝试发现给父元素及设置flex:1的元素加上width:0可解决。即这样写: .parent{ flex:1; width: 0; .children{ width: 100%; overflow-x:scroll ; } } 但同时遇到了另一个问题,我发现这样设置后,即使width超过之后,横向滚动条依然不出现,经过尝试加上一句代码即可: .parent{ flex:1; width: 0; .children{ width: 100%; overflow-x:scroll ; display: -webkit-box; } }
    admin 今天
  • vue中el-select下拉框被遮挡问题
    其他

    vue中el-select下拉框被遮挡问题

    记录一下最近给我最大困扰的一个问题: element-ui自身有个特点在于 z-index层级是一直变动的,如果不加入其他的样式,比如说自定义UI 或引入其他UI,使用起来是没有问题的,问题在于自定义UI设置了z-index值,就出现了很多很多问题: 1.点击按钮无效,实际是因为弹窗被dialog层遮挡 2.this.¥message、 this.¥confirm被遮挡 (美元符不显示,只能用¥代替一下) 3.也就是今天这个问题,下拉框被遮挡 PS:我是个实习生,全局的东西我不能去动,只能对指定症状下药 尝试的第一种方法: 给select添加popper-append-to-body=“false”,不将弹出框插入至 body 元素,用popper-class 设置下拉框类名,给下拉框设置特定的z-index层级 但是!!! 样式显示了另一半,可以使用,但是观感不佳 成功解决方法 未设置popper-a
    admin 今天
  • 《Vue.js实战》
    其他

    《Vue.js实战》

    Vue.js实战基础篇 Vue 实例与数据绑定 el用于指定一个页面中已存在DOM 元素来挂载 Vue 实例,它可以是 HTMLElement ,也可以是 css 选择器 。例:el: docur1’ent.getElementByld ( ’ app ’) 或者是 ’# app ’ Vue 常用的生命周期钩子 • created 实例创建完成后调用,此阶段完成了数据的观测等,但尚未挂载, $el 还不可用。 需要初始化处理一些数据时会比较有用,后面章节将有介绍. • mounted el 挂载到实例上后调用,一般我们的第一个业务逻辑会在这里开始 。 • beforeDestroy 实例销毁之前调用。主要解绑一些使用 addEventListener 监听的事件等。 输出 HTML,而不是将数据解释后的纯文本,可以使用 v-html:
    admin 今天
  • JS 金额格式化 简单易懂快速解决
    其他

    JS 金额格式化 简单易懂快速解决

    JS 金额格式化 html里面写 {{ money | abs }} script标签里 写过滤器 filters filters:{ abs (val){ //金额转换 保留2位小数 并每隔3位用逗号分开 1,234.56 var str = (val/1).toFixed(2) + '' var intSum = str.substring(0,str.indexOf(".")).replace( /\B(?=(?:\d{3})+$)/g, ',' ) //取到整数部分 var dot = str.substring(str.length,str.indexOf(".")) //取到小数部分搜索 var ret = intSum + dot; return ret; } },
    admin 今天
  • vue + vue-tinymce 富文本编辑器
    其他

    vue + vue-tinymce 富文本编辑器

     第一步:npm  npm install tinymce -S npm install @tinymce/tinymce-vue -S 第二步:把node_modules中的tinymce复制到static中。   第三步:mian.js // 富文本编辑器 import tinymce from 'tinymce' import VueTinymce from '@packy-tang/vue-tinymce' //样式 import 'tinymce/skins/ui/oxide/skin.css' import 'tinymce/skins/ui/oxide/content.css' //主题 import 'tinymce/themes/silver/index' // 扩展插件 //--------------------插入引入-------------------- import 'tinymce/plugins/image'// 插入上传图片插件 import 'tinymce/plugins/media'//
    admin 今天
  • 解决 Unresolved variable $ 的两种方法
    其他

    解决 Unresolved variable $ 的两种方法

    如何解决 Unresolved variable $ webstorm 中提示Unresolved variable $t 问题描述: 波浪线提示未解析变量 解决方案: 有两种可能存在的问题: 一、 打开settings: 找到Editor,打开File Types: 右边可以看到我们让webstorm忽视node_modules,目的在于减少webstorm的内存占用 我们把node_modules从这里移除,点击apply即可,有的需要重启一下。 二、 依旧打开settings: 找到languages&framework下的JavaScript中的libraries: 你可能缺少@types/jquery 点击download,等它加载完毕后,找到@types/jquery,下载后勾选即可,别忘记点击apply,否则一切动作都是徒劳。
    admin 今天
  • Vite+vue+element 之Vite打包的坑
    其他

    Vite+vue+element 之Vite打包的坑

    项目中使用vite打包工具, webpack配置如下: 打包报错: 解决方案: 修改webpack配置如下: 去掉 “vue-tsc --noEmit && ” 再打包,成功
    admin 今天
  • v-slot语法的详细用法
    其他

    v-slot语法的详细用法

    v-slot语法的详细用法 一、具名插槽 老的写法(子组件child) 父组件(App老的写法):