filters與v-html聯合使用(uni-app程式碼被編譯,節點照樣不能被正常渲染:解決)

cc_King發表於2021-01-04

一、filters與v-html聯合使用

這個問題的話這篇部落格說的還是比較簡潔易懂的https://blog.csdn.net/oucqsy/article/details/75099037不清楚的話可以直接去看

二、uni-app程式碼被編譯,節點照樣不能被正常渲染

- 這裡最終還是將 filters 轉換成了 methods 使用
<template>
	<view>
		<!-- 這裡就是最重要的 -->
		{{'', temp = numFn(num)}} <!-- 前面的空串主要是不要在頁面渲染資料,後面的賦值語句是執行的,但是temp千萬不要和 $data裡面的內容重複 -->
		<text :class="temp > 0 ? 'red' : 'green'">{{temp}}</text>
		<!-- 這樣處理的話,就可以只呼叫一次方法,並且重複使用了, 方法有點野,但是解決問題了 -->
	</view>
</template>

<script>
	export default {
		data() {
			return {num: 3}
		},
		methods: {
			numFn(num) {let number = num + 3;return number;}
		},
	}
</script>

<style lang="scss" scoped>
	.red {color: red;}
	.green {color: green;}
</style>

相關文章