![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
小白搬运
这个作者很懒,什么都没留下…
展开
-
vue3+ts+webpack+router+vuex
vue3+ts+webpack创建项目原创 2022-10-15 11:14:02 · 333 阅读 · 1 评论 -
Vue多标签输入框
vue实现输入框输入多个标签值的场景聚焦输入状态原创 2022-06-11 11:50:38 · 1682 阅读 · 1 评论 -
Vue-treeselect实现手动输入标签及回显
需求:根据后端返回的字典树供客户选择,还得让客户可以自定义输入名称这是使用Vue-treeselect的异步搜索实现的,官方文档参考文章这里分享主要代码 <treeselect ref="cbTreeselect" v-model="rdResultObj.reportingDwCode" :multiple="false" :normalizer="normal原创 2021-04-08 16:13:25 · 3920 阅读 · 0 评论 -
vue项目安装sass
npm安装sasscnpm install node-sass --save-dev //安装node-sasscnpm install sass-loader --save-dev //安装依赖包sass-loadercnpm install style-loader --save-dev //安装style-loader安装完依赖后需要去到bulid目录下的webpack.base.conf.js文件里的module 的rules下添加{ test:原创 2021-02-21 11:36:56 · 784 阅读 · 0 评论 -
$attrs与$listeners使用
在vue中使用父子组件通信的的时候,人们肯定会想到props,$emit假如有A组件B组件和C组件关系为:A组件是B组件的父组件,B组件是C组件的父组件,如果A组件要跟C组件通信,可能的操作是,A往B传值,B再往A传值;C往B传值,B再往A传值都得通过B这一程,这样子做也不是不行,但是耦合度太高了,不便于维护,代码可读性也不好。我们可以$attrs与$listeners来解决这个问题A组件<template> <div class="hello"> A组件:原创 2021-02-07 11:52:17 · 311 阅读 · 0 评论 -
组件动态样式
子组件该组件有的props有三个属性,并且样式是用变量绑定的,css引入是通过变量引入的,比变量前面需要加上–两个字符<template> <div class="box" :style="styleStr">子组件的框框</div></template><script> export default { name: "ComponentStyle.vue", props:{原创 2021-01-09 16:24:03 · 212 阅读 · 0 评论 -
express+vue跨域问题
新建文件夹express_vue分别新建两个子文件夹:server与web存放后端与前端项目一、在server文件夹下执行express-generator npm install express-generator -g全局安装脚手架express --version 来检测一下是否安装成功执行express express_server创建一个文件夹名为express_server的express项目进入express_server文件夹下执行npm install安装相关依赖执行npm原创 2020-12-21 16:07:19 · 498 阅读 · 0 评论 -
vue-draggable使用
安装npm install vuedraggable引入import draggable from 'vuedraggable'模板使用<draggable v-model="dataList" class="main"> <div class="dragItem" v-for="element in dataList" :key="element.id"> {{element.value}} </div> &原创 2020-11-23 21:39:03 · 1533 阅读 · 0 评论 -
vue数据渲染延迟问题
在使用html引入vue做项目的时候,会发现我们的数据经常会出现以下的情况,才会显示我们想要的数据.解决方法 <style> [v-cloak]{ display: none !important; } </style><div id="app" v-cloak> {{num}}</div>v-cloak这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-c原创 2020-11-15 09:41:47 · 5328 阅读 · 0 评论 -
treeSelect树形选择器使用
vue-treeselect树形选择器treeSelect是Vue的一个插件,用于进行一个树形选择的场景,这个组件可以满足大部分场合的使用。官方文档1.安装npm install --save @riophae/vue-treeselect安装完成之后可以在package.json文件中看到2.引用,在需要使用的组件上引用3使用关于组件属性,大家可以去官方文档看一下,这里着重说一下normailzer,normailzer的意思就是是规范化,意思就是使你的数据格式规范化treese原创 2020-11-02 23:50:38 · 30381 阅读 · 5 评论