vue
天府之绝
这个作者很懒,什么都没留下…
展开
-
vue3 实现文本切割,“展开”和“收起”
3、“...”是虚拟出现的,有按钮的伪类提供(.text-btn:before提供),为了避免麻烦“...”绝对定位在(.text-btn)的padding里面,方便控制;5、判断(.text)标签是否展开可以使用该元素的(offsetHeight) 和 (scrollHeight)进步比较,相等就是展开状态,否则就是被收起的;2、按钮浮动会在最上面,需要使用另外元素或者伪类占据上部位置(此处使用的是:.text::before配合calc设置高度,占据上部位置)text:显示的文本;原创 2024-08-22 15:58:08 · 363 阅读 · 0 评论 -
vue3使用tsx/jsx时报错:JSX 元素隐式具有类型 “any“,因为不存在接口 “JSX.IntrinsicElements“。
在项目中安装:npm install @types/react。原创 2024-05-06 10:26:15 · 1568 阅读 · 0 评论 -
vue2迁移到vue3,v-model的调整
BREAKING:v-bind的.sync修饰符和组件模型选项被删除,并替换为v-model上的一个参数;vue2迁移到vue3,往往不想去调整之前的代码,以下就使用改动较小的方案进行调整。项目从vue2迁移到vue3,v-model不能再使用了,需要如何调整?下面只提示变化最小的迁移,不赘述vue2和vue3中的常规写法。新功能:现在可以在同一组件上进行多个v模型绑定;新增:增加了创建自定义v型模型修改器的功能。有关更多信息,请继续阅读!上面改成(vue3)原创 2024-04-30 15:24:33 · 1126 阅读 · 0 评论 -
uniapp、vue2.6、H5,利用腾讯TRTC,快速跑通1v1视频功能
腾讯云为数百万的企业和开发者提供安全、稳定的云服务器、云主机、CDN、对象存储、域名注册、云存储、云数据库等云服务,帮助用户解决游戏、视频、移动、微信、互联网+等行业的架构难题,是全球领先的云计算服务商。最后打包上测试服测试(注意:测试只能在测试服测试,本地无法测试,注意用户1点击用户1按钮,用户2点击用户2按钮,最后就是用户1对用户2发起视频,测试就通了)步骤八:创建index.vue页面,页面名字自行定义。步骤六:创建虚拟UserSig(用户签名,上线后由后端提供)步骤二:单击刚刚创建的应用,进入。原创 2024-03-20 17:01:37 · 1339 阅读 · 0 评论 -
使用font-spider提取文字,压缩文字,减小文件大小
项目中如何使用font-spider提取文字,压缩文字,减小字体文件的大小。原创 2024-03-07 10:12:57 · 920 阅读 · 0 评论 -
vue3中ref相关知识总结,ref调试技巧
1、ref:接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象仅有一个。4、triggerRef :强制更新页面DOM;变化的 ref,但不会使其值也变成响应式的;正常情况ref打印结果如下,调试时很是不方便;5、customRef: 自定义ref。property,指向该内部值。判断是不是一个ref对象。原创 2022-11-29 16:30:17 · 1134 阅读 · 1 评论 -
vue-cli3打包文件增加hash值
filenameHashing用来配置打包生成的文件是否带hash值后缀,该值默认为true,在模式为production的时候,打包出的js和css文件会自动添加hash值后缀。但是在当前模式为development的时候,就算该值为true,打包出的js文件不带hash值(css文件仍然受该值控制)。...原创 2022-08-02 15:11:45 · 2227 阅读 · 0 评论 -
echarts 实现多图联动显示tooltip
echarts 实现多图联动显示tooltip原创 2022-07-30 16:20:59 · 3453 阅读 · 5 评论 -
uni-app 使用uview
uni-app 使用uview : 使用hubilderX新建uni-app,并搭载uview-ui,进行项目开发;方便初学者搭建项目。原创 2022-07-23 20:29:14 · 1622 阅读 · 0 评论 -
vue3 + vite 项目中使用windicss
vue3 + vite 项目中使用windcss,vue3、vite、windcss、windicss整合;原创 2022-07-20 11:04:31 · 1730 阅读 · 0 评论 -
vue中如何配置使用rem布局
第一步、首先安装amfe-flexible插件npm i amfe-flexible -S2、import 'amfe-flexible'或yarn add amfe-flexible -S第二步、安装postcss-px2rem插件npm i postcss-px2rem -S或yarn add postcss-px2rem -S第三步:在main.js里引入postcss-px2remimport 'amfe-flexible'第四步:在pac原创 2022-03-18 14:54:44 · 1441 阅读 · 0 评论 -
vue-cli2.9.6 中如何使用less
第一步:检查vue-cli的版本号:vue -V或vue --version如下图:第二步:下载style-resources-loadernpm i style-resources-loader -D或yarn add style-resources-loader -D第三步:下载less 和 less-loader(less使用3.9.0版本, less-loader使用5.0.0版本)npm install less less-loader --save-原创 2022-03-17 14:15:14 · 945 阅读 · 0 评论 -
vue中HTML 如何循环对象
vue中HTML 如何循环对象原创 2021-12-31 09:46:08 · 1505 阅读 · 0 评论 -
elementUI select option自定义样式
elementUI 中el-select option支持自定义样式,只需在el-option标签中写需要的样式就行了原创 2021-12-29 10:24:28 · 4814 阅读 · 0 评论 -
elementui el-form中el-form-item自定义label
elementui el-form中el-form-item自定义label;在vue开发中有时候对element-ui表单的label需要加入图标.原创 2021-12-24 09:50:34 · 33213 阅读 · 3 评论 -
vue element-ui 中的 select remote-method 函数中自定义传参
1、在 select 组件中我们可以配合focus存本地实现;2、在我们使用 select 组件的远程搜索时,我们给 remote-method 这个方法添加自定义参数,代码实现如下::remote-method="(query) => getProductList(query, <自定义参数>)"query:为remote-method默认参数;自定义参数:可以是任意类型;...原创 2021-11-05 15:29:59 · 6454 阅读 · 2 评论