书架

书架

=一个知识书库=

vue3 引入svg图片

vue3 引入svg图片

在Vue 3中,你可以通过几种方式使用SVG图片。以下是一些示例: # 使用`<img>`标签直接引入SVG文件: ```xml <template> <img src="@/assets/your-image.svg" alt="Your Image"> </template> ``` # 将SVG作为组件导入并使用: 首先,将SVG文件保存到你的组件目录中,并在Vue单文件组件中导入并注册为组件。 ```xml // YourSvgComponent.vue <template> <svg xmlns="http://www.w3.org
more...
vue3 img src 动态赋值

vue3 img src 动态赋值

# new URL(url, import.meta.url).href **new URL(url, import.meta.url).href** 说明:第一个url为图片的相对路径 <!--more--> # Vue的绑定功能来动态设置img的src属性 即用ref(),如下 ```javascript <template> <div> <img :src="imageUrl" alt="Dynamic Image" /> </div> </template> <script> import { ref } from
more...
css计数器详解

css计数器详解

**css计数器**就是采用css给一些html元素自动生成编号,比如类似`1.3.2`,代码如下: ```xml <style type="text/css"> #demo1 ol { counter-reset: section; list-style-type: none; } #demo1 ol li { counter-increment: section; } #demo1 ol li:before { content: counters(section, ".") ". "; } </style> <div id="demo1"> <ol>
more...
el-select-tree:可搜索下拉选择树

el-select-tree:可搜索下拉选择树

### 基于vue2.6+ElementUI实现的可搜索下拉选择树 #### 效果图 ![在这里插入图片描述](http://www.lixianglong.cn/bg_store/img/content/gif/bd13b69560fbc573588f4617515d7ddd.gif) <!--more--> ##### 使用实示例 ```xml <el-form-item label="上级单位" prop="parentId"> <el-select-tree v-if="parentOpt.length>0" :list="parentOpt"
more...
el-select下拉内嵌tree 树形控件 进行二次封装

el-select下拉内嵌tree 树形控件 进行二次封装

封装组件,支持单选,多选,搜索,根据节点id默认选中对应的节点,勾选数据事件触发回调 效果图(会不断更新 和修复一些BUG 记得回来看看哦) **认真看组件配置属性,特别是传值的时候defaultProps 配置的展示key**,因为最后有模拟JSON数据所以文章有点长 | 多选效果图: | 单选效果图: | | :-----------------------------------
more...