0001-HTML中上一级目录、上上级目录、下一级目录、下下级目录中的页面的相互引用

如何表示上级目录

…/表示源文件所在目录的上一级目录,…/…/表示源文件所在目录的上上级目录,以此类推。

假设info.html路径是:c:\a\ab\abc\blabla\info.html

假设index.html路径是:c:\a\ab\abc\index.html

在info.html加入index.html超链接的代码应该这样写:

<a href = "../index.html">index.html</a> 

假设info.html路径是:c:\a\ab\abc\blabla\info.html

假设index.html路径是:c:\a\ab\abc\index.html

在info.html加入index.html超链接的代码应该这样写:

 <a href="../../../index.html">index.html</a> 

假设info.html路径是:c:\a\ab\abc\blabla\info.html

假设index.html路径是:c:\a\ab\abc\wowstory\index.html

在info.html加入index.html超链接的代码应该这样写:

<a href = "../wowstory/index.html">index.html</a> 

如何表示下级目录引用下级目录的文件,直接写下级目录文件的路径即可。

假设info.html路径是:c:\a\ab\abc\blabla\info.html

假设index.html路径是:c:\Ic:\a\ab\abc\blabla\html\index.html

在info.html加入index.html超链接的代码应该这样写:

<a href = "html/index.html">index.html</a> 

假设info.html路径是:c:\a\ab\abc\blabla\info.html

假设index.html路径是:c:\a\ab\abc\blabla\html\tutorials\index.html

在info.html加入index.html超链接的代码应该这样写:

<a href = "html/tutorials/index.html">index.html</a>

点击查看博主lofter中的文章

如果你使用的是vant级联选择器组件,那么可以采用以下步骤来解决你的问题: 1. 确保你的下级数据已经通过接口获取到了,并且保存在了对应的变量。 2. 在级联选择器组件的 "change" 事件回调函数,根据当前选的值,更新下一级数据的值。 3. 如果下一级数据更新成功,那么需要重新渲染级联选择器组件,以展示新的下一级数据。你可以通过调用级联选择器组件的 "updateActiveIndex" 方法来重新渲染组件。 下面是一个示例代码片段,供你参考: ``` <van-cascader :options="options" @change="handleChange" /> data() { return { options: [], // 省市区数据 cities: [], // 当前省份下的城市列表 districts: [], // 当前城市下的地区列表 } }, methods: { // 级联选择器的change事件回调函数 handleChange(value) { // 更新城市列表 const selectedProvince = value[0]; this.cities = this.options.find(p => p.value === selectedProvince).children; // 更新地区列表 const selectedCity = value[1]; this.districts = this.cities.find(c => c.value === selectedCity).children; // 重新渲染级联选择器 this.$refs.cascader.updateActiveIndex(); } } ``` 在上面的代码,我们通过 "options" 变量保存了省市区数据,通过 "cities" 和 "districts" 变量保存了当前选省份和城市下的城市列表和地区列表。在 "handleChange" 方法,我们根据当前选的值,更新了城市列表和地区列表,并调用了级联选择器组件的 "updateActiveIndex" 方法来重新渲染组件。
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值