iviewピット
1990 ワード
1ツリーコンポーネントについて
ディレクトリをクリックして展開収縮を実現
2 menuナビゲーションではマルチレベルネストはサポートされていません
バージョン2.10.1が実装されました
3 modalダイアログボックスボタンのloading状態が偽に設定されている場合、ダイアログボックスは自分で消えます.
偽にする場合はこのように設定する必要があります
4異なるサブルートの切り替えに対応するナビゲーションメニューはハイライトされず、サブアイテムも展開されません
pdateOpened
展開されたサブディレクトリを手動で更新し、$nextTickで呼び出すことに注意
5ページングを実現した場合、異なるページごとに何個のデータが表示されるかを切り替えても効果がない(クリック後もクリック前の状態が表示される)
切り替えをクリックすると、表表示非表示にv-ifが使用され、v-showに変更すると解決します
6 iview selectドロップダウンリストでデフォルト値を設定できません
v-modelダイナミックバインドを設定するには、バインドのデフォルト値がoptionバインドの値と一致することにも注意してください.
この問題が発生したら、まず自分のコンポーネントリファレンスに問題があるかどうかを確認し、サブコンポーネントを一番前に登録します.
ディレクトリをクリックして展開収縮を実現
return h('span', {
style: {
display: 'inline-block',
width: '90%',
},
class:"tree-list",
on: {
click: () => {
//
// data.expand = !data.expand
data.expand = !data.expand
}
}
},
2 menuナビゲーションではマルチレベルネストはサポートされていません
バージョン2.10.1が実装されました
3 modalダイアログボックスボタンのloading状態が偽に設定されている場合、ダイアログボックスは自分で消えます.
setTimeout(function () {
_this.loading = false
_this.$nextTick(() => {_this.loading = true;});
}, 500)
偽にする場合はこのように設定する必要があります
4異なるサブルートの切り替えに対応するナビゲーションメニューはハイライトされず、サブアイテムも展開されません
pdateOpened
展開されたサブディレクトリを手動で更新し、$nextTickで呼び出すことに注意
$route(to, from) {
this.changeVal = this.$route.name;
sessionStorage.setItem("changeNav", this.changeVal);
this.$nextTick(function() {
this.$refs.menu.updateOpened();
this.$refs.menu.updateActiveName();
});
}
5ページングを実現した場合、異なるページごとに何個のデータが表示されるかを切り替えても効果がない(クリック後もクリック前の状態が表示される)
切り替えをクリックすると、表表示非表示にv-ifが使用され、v-showに変更すると解決します
6 iview selectドロップダウンリストでデフォルト値を設定できません
v-modelダイナミックバインドを設定するには、バインドのデフォルト値がoptionバインドの値と一致することにも注意してください.
7 did you register the component correctly? For recursive components, make sure to provide the "name"option. この問題が発生したら、まず自分のコンポーネントリファレンスに問題があるかどうかを確認し、サブコンポーネントを一番前に登録します.
export default{
name:'changePass',
components:{
BasePass,
},
data (){
return {}
}}